npm - @amboss/design-system - Versions diffs - 1.10.3 → 1.12.0 - Mend

@amboss/design-system 1.10.3 → 1.12.0

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

package/build/esm/src/components/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconsVariations, BaseVariations } from \"../../types\";\nimport { icons as iconSizes } from \"../../../build-tokens/_icon_sizes_map.json\";\nimport icons from \"../../../build-tokens/assets/icons.json\";\nimport icons16 from \"../../../build-tokens/assets/icons16.json\";\nimport { useHover } from \"../../shared/useHover\";\n\nconst StyledIcon = styled.div<\n Partial<IconProps> & {\n isHoverable: boolean;\n parentRef: React.MutableRefObject<any>;\n parentIsHovered: boolean;\n }\n>(({ theme, variant, isHoverable, parentRef, parentIsHovered, size, as }) => ({\n width: iconSizes[size],\n height: iconSizes[size],\n \"& > svg\": {\n width: iconSizes[size],\n height: iconSizes[size],\n },\n ...(variant !== \"inherit\" && {\n ...(theme.values.color.text.link[variant as BaseVariations]\n ? {\n color: theme.values.color.text.link[variant as BaseVariations],\n }\n : {\n color: theme.values.color.text[variant],\n }),\n }),\n ...(as === \"span\" && {\n verticalAlign: \"middle\",\n }),\n ...((parentIsHovered \|\| isHoverable) && {\n cursor: \"pointer\",\n }),\n ...(parentRef && {\n opacity: parentIsHovered ? 1 : 0.6,\n }),\n ...(isHoverable && {\n opacity: 0.6,\n \":hover\": {\n opacity: 1,\n },\n }),\n}));\n\nexport type IconName = keyof typeof icons;\nexport type IconName16 = keyof typeof icons16;\n\nexport type IconProps = {\n /** Icon name /\n name: IconName;\n /* set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover /\n hoverable?: boolean \| React.MutableRefObject<any>;\n /* set to true to have an inline icon wrapped in a span instead of div /\n inline?: boolean;\n /* Icon color can inherit parent style or can be primary, secondary and tertiary. */\n variant?: IconsVariations;\n size?: \"s\" \| \"m\" \| \"l\";\n \"data-e2e-test-id\"?: string;\n \"data-testid\"?: string;\n};\n\nexport const Icon = ({\n name,\n hoverable = false,\n inline = false,\n size = \"m\",\n variant = \"inherit\",\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-testid\": dataTestId,\n}: IconProps): React.ReactElement => {\n const isHoverable = typeof hoverable === \"boolean\" && hoverable;\n const parentRef = typeof hoverable !== \"boolean\" && hoverable;\n const parentIsHovered = useHover(parentRef);\n const as = inline ? \"span\" : \"div\";\n\n return (\n <StyledIcon\n as={as}\n data-e2e-test-id={dataE2eTestId}\n data-testid={dataTestId}\n data-ds-id=\"Icon\"\n data-variant={variant}\n variant={variant}\n isHoverable={isHoverable}\n parentRef={parentRef}\n parentIsHovered={parentIsHovered}\n size={size}\n dangerouslySetInnerHTML={{\n __html: (size === \"s\" && icons16[name as IconName16]) \|\| icons[name],\n }}\n />\n );\n};\n"],"names":["StyledIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","isHoverable","parentRef","parentIsHovered","size","as","width","iconSizes","height","values","color","text","link","verticalAlign","cursor","opacity","Icon","_ref2","name","hoverable","inline","dataE2eTestId","dataTestId","useHover","React","createElement","dangerouslySetInnerHTML","__html","icons16","icons"],"mappings":"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~~GACA~~,~~CAAA~~,CAAA;AAEN;;;;"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconsVariations, BaseVariations } from \"../../types\";\nimport { icons as iconSizes } from \"../../../build-tokens/_icon_sizes_map.json\";\nimport icons from \"../../../build-tokens/assets/icons.json\";\nimport icons16 from \"../../../build-tokens/assets/icons16.json\";\nimport { useHover } from \"../../shared/useHover\";\n\nconst StyledIcon = styled.div<\n Partial<IconProps> & {\n isHoverable: boolean;\n parentRef: React.MutableRefObject<any>;\n parentIsHovered: boolean;\n }\n>(({ theme, variant, isHoverable, parentRef, parentIsHovered, size, as }) => ({\n width: iconSizes[size],\n height: iconSizes[size],\n \"& > svg\": {\n width: iconSizes[size],\n height: iconSizes[size],\n },\n ...(variant !== \"inherit\" && {\n ...(theme.values.color.text.link[variant as BaseVariations]\n ? {\n color: theme.values.color.text.link[variant as BaseVariations],\n }\n : {\n color: theme.values.color.text[variant],\n }),\n }),\n ...(as === \"span\" && {\n verticalAlign: \"middle\",\n }),\n ...((parentIsHovered \|\| isHoverable) && {\n cursor: \"pointer\",\n }),\n ...(parentRef && {\n opacity: parentIsHovered ? 1 : 0.6,\n }),\n ...(isHoverable && {\n opacity: 0.6,\n \":hover\": {\n opacity: 1,\n },\n }),\n}));\n\nexport type IconName = keyof typeof icons;\nexport type IconName16 = keyof typeof icons16;\n\nexport type IconProps = {\n /** Icon name /\n name: IconName;\n /* set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover /\n hoverable?: boolean \| React.MutableRefObject<any>;\n /* set to true to have an inline icon wrapped in a span instead of div /\n inline?: boolean;\n /* Icon color can inherit parent style or can be primary, secondary and tertiary. */\n variant?: IconsVariations;\n size?: \"s\" \| \"m\" \| \"l\";\n \"data-e2e-test-id\"?: string;\n \"data-testid\"?: string;\n};\n\nexport const Icon = ({\n name,\n hoverable = false,\n inline = false,\n size = \"m\",\n variant = \"inherit\",\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-testid\": dataTestId,\n}: IconProps): React.ReactElement => {\n const isHoverable = typeof hoverable === \"boolean\" && hoverable;\n const parentRef = typeof hoverable !== \"boolean\" && hoverable;\n const parentIsHovered = useHover(parentRef);\n const as = inline ? \"span\" : \"div\";\n\n return (\n <StyledIcon\n as={as}\n data-e2e-test-id={dataE2eTestId}\n data-testid={dataTestId}\n data-ds-id=\"Icon\"\n data-variant={variant}\n variant={variant}\n isHoverable={isHoverable}\n parentRef={parentRef}\n parentIsHovered={parentIsHovered}\n size={size}\n dangerouslySetInnerHTML={{\n __html: (size === \"s\" && icons16[name as IconName16]) \|\| icons[name],\n }}\n />\n );\n};\n"],"names":["StyledIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","isHoverable","parentRef","parentIsHovered","size","as","width","iconSizes","height","values","color","text","link","verticalAlign","cursor","opacity","Icon","_ref2","name","hoverable","inline","dataE2eTestId","dataTestId","useHover","React","createElement","dangerouslySetInnerHTML","__html","icons16","icons"],"mappings":"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"}

package/build/esm/src/components/Inline/Inline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport {\n HorizontalAlignment,\n SpaceSizes,\n VerticalAlignment,\n MQ,\n} from \"../../types\";\n\nexport type InlineProps = {\n children: React.ReactNode[] \| React.ReactElement;\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n /\n alignItems?: MQ<HorizontalAlignment> \| HorizontalAlignment;\n /* Represents elements' vertical alignment\n * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes\n /\n vAlignItems?: MQ<VerticalAlignment> \| VerticalAlignment;\n /* Set to true to disable wrapping property /\n noWrap?: boolean;\n \"data-e2e-test-id\"?: string;\n /* @ignore /\n \"data-ds-id\"?: string;\n};\n\ntype InlineItemProps = {\n /* Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n};\n\nconst defaultProps: Partial<InlineProps> = {\n alignItems: \"left\",\n space: \"xs\",\n noWrap: false,\n vAlignItems: \"top\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Inline\",\n};\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n Object.entries(obj)\n .map(([key, value]) => [key, `-${value}`])\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {} as Record<string, string>);\n\nconst InlineContainer = styled.div<InlineProps>(\n ({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => ({\n ...mq({\n alignItems: [\n vAlignItems,\n {\n top: \"flex-start\",\n bottom: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n justifyContent: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n marginLeft: [space, makeNegative(theme.variables.size.spacing)],\n marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],\n }),\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: noWrap ? \"nowrap\" : \"wrap\",\n })\n);\n\nconst InlineItem = styled.div<InlineItemProps>(({ theme, space, vSpace }) => ({\n ...mq({\n marginTop: [vSpace, theme.variables.size.spacing],\n marginLeft: [space, theme.variables.size.spacing],\n }),\n \"&:empty\": {\n marginTop: 0,\n marginLeft: 0,\n },\n}));\n\nexport function Inline({\n children,\n alignItems,\n vAlignItems,\n space,\n vSpace = space,\n noWrap,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId,\n}: InlineProps): React.ReactElement {\n return (\n <InlineContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n alignItems={alignItems}\n vAlignItems={vAlignItems}\n space={space}\n vSpace={vSpace}\n noWrap={noWrap}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) =>\n child && (\n <InlineItem space={space} vSpace={vSpace}>\n {child}\n </InlineItem>\n )\n )}\n </InlineContainer>\n );\n}\n\nInline.defaultProps = defaultProps;\n"],"names":["defaultProps","alignItems","space","noWrap","vAlignItems","undefined","makeNegative","obj","Object","entries","map","_ref","key","value","reduce","acc","_ref2","InlineContainer","_styled","process","env","NODE_ENV","target","label","_ref3","vSpace","theme","mq","top","bottom","center","spaceBetween","justifyContent","left","right","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","dataDsId","React","createElement","Children","flattenChildren","child"],"mappings":";;;;;AAgDA,MAAMA,YAAkC,GAAG;AACzCC,EAAAA,UAAU,EAAE,MAAM;AAClBC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,WAAW,EAAE,KAAK;AAClB,EAAA,kBAAkB,EAAEC,SAAS;AAC7B,EAAA,YAAY,EAAE,QAAA;AAChB,CAAC,CAAA;AAED,MAAMC,YAAY,GAAIC,GAA2B,IAC/CC,MAAM,CAACC,OAAO,CAACF,GAAG,CAAC,CAChBG,GAAG,CAACC,IAAA,IAAA;AAAA,EAAA,IAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAAK,CAACC,GAAG,EAAG,CAAGC,CAAAA,EAAAA,KAAM,EAAC,CAAC,CAAA;AAAA,CAAA,CAAC,CACzCC,MAAM,CAAC,CAACC,GAAG,EAAAC,KAAA,KAAmB;AAAA,EAAA,IAAjB,CAACJ,GAAG,EAAEC,KAAK,CAAC,GAAAG,KAAA,CAAA;AACxBD,EAAAA,GAAG,CAACH,GAAG,CAAC,GAAGC,KAAK,CAAA;AAChB,EAAA,OAAOE,GAAG,CAAA;AACZ,CAAC,EAAE,~~EAAE~~,~~CAA2B~~,CAAA;AAEpC,MAAME,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,KAAA,IAAA;EAAA,IAAC;IAAEvB,UAAU;IAAEG,WAAW;IAAEF,KAAK;IAAEuB,MAAM;IAAEC,KAAK;AAAEvB,IAAAA,MAAAA;AAAO,GAAC,GAAAqB,KAAA,CAAA;EAAA,OAAM;AAC9D,IAAA,GAAGG,EAAE,CAAC;MACJ1B,UAAU,EAAE,CACVG,WAAW,EACX;AACEwB,QAAAA,GAAG,EAAE,YAAY;AACjBC,QAAAA,MAAM,EAAE,UAAU;AAClBC,QAAAA,MAAM,EAAE,QAAQ;AAChBC,QAAAA,YAAY,EAAE,eAAA;AAChB,OAAC,CACF;MACDC,cAAc,EAAE,CACd/B,UAAU,EACV;AACEgC,QAAAA,IAAI,EAAE,YAAY;AAClBC,QAAAA,KAAK,EAAE,UAAU;AACjBJ,QAAAA,MAAM,EAAE,QAAQ;AAChBC,QAAAA,YAAY,EAAE,eAAA;AAChB,OAAC,CACF;AACDI,MAAAA,UAAU,EAAE,CAACjC,KAAK,EAAEI,YAAY,CAACoB,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAC,CAAC;AAC/DC,MAAAA,SAAS,EAAE,CAACd,MAAM,EAAEnB,YAAY,CAACoB,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAC,CAAA;AAChE,KAAC,CAAC;AACFE,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,QAAQ,EAAEvC,MAAM,GAAG,QAAQ,GAAG,MAAA;GAC/B,CAAA;AAAA,CAAC,EAAAgB,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,igMAAA,~~CAAA~~,CAAA~~;AAED,MAAMsB,UAAU,gBAAGzB,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CAA4BqB,KAAA,IAAA;EAAA,IAAC;IAAElB,KAAK;IAAExB,KAAK;AAAEuB,IAAAA,MAAAA;AAAO,GAAC,GAAAmB,KAAA,CAAA;EAAA,OAAM;AAC5E,IAAA,GAAGjB,EAAE,CAAC;MACJY,SAAS,EAAE,CAACd,MAAM,EAAEC,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAC;MACjDH,UAAU,EAAE,CAACjC,KAAK,EAAEwB,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAA;AAClD,KAAC,CAAC;AACF,IAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CAAC;AACZJ,MAAAA,UAAU,EAAE,CAAA;AACd,KAAA;GACD,CAAA;AAAA,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,igMAAA,CAAA,CAAA;AAEI,SAASwB,MAAMA,CAAAC,KAAA,EASc;EAAA,IATb;IACrBC,QAAQ;IACR9C,UAAU;IACVG,WAAW;IACXF,KAAK;AACLuB,IAAAA,MAAM,GAAGvB,KAAK;IACdC,MAAM;AACN,IAAA,kBAAkB,EAAE6C,aAAa;AACjC,IAAA,YAAY,EAAEC,QAAAA;AACH,GAAC,GAAAH,KAAA,CAAA;AACZ,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAClC,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkB+B,aAAc;AAChC,IAAA,YAAA,EAAYC,QAAS;AACrBhD,IAAAA,UAAU,EAAEA,UAAW;AACvBG,IAAAA,WAAW,EAAEA,WAAY;AACzBF,IAAAA,KAAK,EAAEA,KAAM;AACbuB,IAAAA,MAAM,EAAEA,MAAO;AACftB,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EAEd+C,KAAK,CAACE,QAAQ,CAAC1C,GAAG,CACjB2C,eAAe,CAACN,QAAQ,CAAC,EACxBO,KAAK,IACJA,KAAK,iBACHJ,KAAA,CAAAC,aAAA,CAACR,UAAU,EAAA;AAACzC,IAAAA,KAAK,EAAEA,KAAM;AAACuB,IAAAA,MAAM,EAAEA,MAAAA;GAC/B6B,EAAAA,~~KAAK~~,~~CAET~~,~~CACJ,~~CACe,CAAA;AAEtB,CAAA;AAEAT,MAAM,CAAC7C,YAAY,GAAGA,YAAY;;;;"}
1	+ {"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport {\n HorizontalAlignment,\n SpaceSizes,\n VerticalAlignment,\n MQ,\n} from \"../../types\";\n\nexport type InlineProps = {\n children: React.ReactNode[] \| React.ReactElement;\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n /\n alignItems?: MQ<HorizontalAlignment> \| HorizontalAlignment;\n /* Represents elements' vertical alignment\n * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes\n /\n vAlignItems?: MQ<VerticalAlignment> \| VerticalAlignment;\n /* Set to true to disable wrapping property /\n noWrap?: boolean;\n \"data-e2e-test-id\"?: string;\n /* @ignore /\n \"data-ds-id\"?: string;\n};\n\ntype InlineItemProps = {\n /* Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n};\n\nconst defaultProps: Partial<InlineProps> = {\n alignItems: \"left\",\n space: \"xs\",\n noWrap: false,\n vAlignItems: \"top\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Inline\",\n};\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n Object.entries(obj)\n .map(([key, value]) => [key, `-${value}`])\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {} as Record<string, string>);\n\nconst InlineContainer = styled.div<InlineProps>(\n ({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => ({\n ...mq({\n alignItems: [\n vAlignItems,\n {\n top: \"flex-start\",\n bottom: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n justifyContent: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n marginLeft: [space, makeNegative(theme.variables.size.spacing)],\n marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],\n }),\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: noWrap ? \"nowrap\" : \"wrap\",\n })\n);\n\nconst InlineItem = styled.div<InlineItemProps>(({ theme, space, vSpace }) => ({\n ...mq({\n marginTop: [vSpace, theme.variables.size.spacing],\n marginLeft: [space, theme.variables.size.spacing],\n }),\n \"&:empty\": {\n marginTop: 0,\n marginLeft: 0,\n },\n}));\n\nexport function Inline({\n children,\n alignItems,\n vAlignItems,\n space,\n vSpace = space,\n noWrap,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId,\n}: InlineProps): React.ReactElement {\n return (\n <InlineContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n alignItems={alignItems}\n vAlignItems={vAlignItems}\n space={space}\n vSpace={vSpace}\n noWrap={noWrap}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) =>\n child && (\n <InlineItem space={space} vSpace={vSpace}>\n {child}\n </InlineItem>\n )\n )}\n </InlineContainer>\n );\n}\n\nInline.defaultProps = defaultProps;\n"],"names":["defaultProps","alignItems","space","noWrap","vAlignItems","undefined","makeNegative","obj","Object","entries","map","_ref","key","value","reduce","acc","_ref2","InlineContainer","_styled","process","env","NODE_ENV","target","label","_ref3","vSpace","theme","mq","top","bottom","center","spaceBetween","justifyContent","left","right","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","dataDsId","React","createElement","Children","flattenChildren","child"],"mappings":"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"}

package/build/esm/src/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable react/default-props-match-prop-types */\nimport React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { Theme, CSSObject } from \"@emotion/react\";\nimport {\n LinkVariations,\n LinkTextSize,\n PolymorphicComponentProps,\n AsProp,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\nexport type LinkProps = {\n size?: LinkTextSize;\n weight?: \"normal\" \| \"bold\" \| \"inherit\";\n variant?: LinkVariations;\n onClick?: () => void;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<LinkProps> & AsProp<\"a\"> = {\n variant: \"secondary\",\n as: \"a\",\n};\n\nconst handleHover = (theme: Theme, variant: LinkVariations) => {\n switch (variant) {\n case \"primary\":\n return theme.values.color.text.link.primaryHover;\n case \"tertiary\":\n return theme.values.color.text.link.tertiaryHover;\n case \"secondary\":\n default:\n return theme.values.color.text.link.secondaryHover;\n }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n ({ theme, weight, variant, size }) =>\n ({\n textDecoration: \"underline\",\n cursor: \"pointer\",\n color: theme.values.color.text.link[variant],\n background: \"none\",\n border: \"none\",\n padding: 0,\n \"&:hover\": {\n color: handleHover(theme, variant),\n },\n fontSize: theme.variables.size.font.link[size],\n fontWeight: theme.variables.weight[weight],\n lineHeight: theme.variables.size.lineHeight.link[size],\n fontFamily: theme.variables.fontFamily.lato,\n } as CSSObject)\n);\n\nexport function Link<C extends React.ElementType = \"a\">({\n children,\n size,\n weight,\n variant,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: PolymorphicComponentProps<C, LinkProps>): React.ReactElement {\n if (variant === (\"light-primary\" as LinkVariations)) {\n informDeprecation(\n variant,\n \"light-primary\",\n \"Link component\",\n \"Please consider using SubThemeProvider. \\n Delete all mentions of light-primary in DS after.\"\n );\n }\n return (\n <StyledLink\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Link\"\n variant={variant}\n size={size}\n weight={weight}\n {...rest}\n >\n {children}\n </StyledLink>\n );\n}\n\nLink.defaultProps = defaultProps;\n"],"names":["defaultProps","variant","as","handleHover","theme","values","color","text","link","primaryHover","tertiaryHover","secondaryHover","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","fontSize","variables","font","fontWeight","lineHeight","fontFamily","lato","Link","_ref2","children","dataE2eTestId","rest","informDeprecation","React","createElement","_extends"],"mappings":";;;;;AAsBA,MAAMA,YAA8C,GAAG;AACrDC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,EAAE,EAAE,GAAA;AACN,CAAC,CAAA;AAED,MAAMC,WAAW,GAAGA,CAACC,KAAY,EAAEH,OAAuB,KAAK;AAC7D,EAAA,QAAQA,OAAO;AACb,IAAA,KAAK,SAAS;MACZ,OAAOG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACC,YAAY,CAAA;AAClD,IAAA,KAAK,UAAU;MACb,OAAOL,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACE,aAAa,CAAA;AACnD,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA;MACE,OAAON,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACG,cAAc,CAAA;~~AAAC~~,GAAA;~~AAEzD~~,CAAC,CAAA;AAED,MAAMC,UAAU,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CACjBC,IAAA,IAAA;EAAA,IAAC;IAAEf,KAAK;IAAEgB,MAAM;IAAEnB,OAAO;AAAEoB,IAAAA,IAAAA;AAAK,GAAC,GAAAF,IAAA,CAAA;EAAA,OAC9B;AACCG,IAAAA,cAAc,EAAE,WAAW;AAC3BC,IAAAA,MAAM,EAAE,SAAS;AACjBjB,IAAAA,KAAK,EAAEF,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACP,OAAO,CAAC;AAC5CuB,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE;AACTpB,MAAAA,KAAK,EAAEH,WAAW,CAACC,KAAK,EAAEH,OAAO,CAAA;KAClC;AACD0B,IAAAA,QAAQ,EAAEvB,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACQ,IAAI,CAACrB,IAAI,CAACa,IAAI,CAAC;IAC9CS,UAAU,EAAE1B,KAAK,CAACwB,SAAS,CAACR,MAAM,CAACA,MAAM,CAAC;AAC1CW,IAAAA,UAAU,EAAE3B,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACU,UAAU,CAACvB,IAAI,CAACa,IAAI,CAAC;AACtDW,IAAAA,UAAU,EAAE5B,KAAK,CAACwB,SAAS,CAACI,UAAU,CAACC,IAAAA;GACxC,CAAA;AAAA,CAAc,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KAClB~~,~~YAAA~~,~~GAAA,EAAA,GAAA,y6GAAA,~~CAAA~~,CAAA~~;AAEM,SAASkB,IAAIA,CAAAC,KAAA,EAO4C;EAAA,IAPR;IACtDC,QAAQ;IACRf,IAAI;IACJD,MAAM;IACNnB,OAAO;AACP,IAAA,kBAAkB,EAAEoC,aAAa;IACjC,GAAGC,IAAAA;AACoC,GAAC,GAAAH,KAAA,CAAA;EACxC,IAAIlC,OAAO,KAAM,eAAkC,EAAE;IACnDsC,iBAAiB,CACftC,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,~~8FAA8F~~,~~CAC/F~~,CAAA;AACH,GAAA;AACA,EAAA,oBACEuC,KAAA,CAAAC,aAAA,CAAC7B,UAAU,EAAA8B,QAAA,CAAA;AACT,IAAA,kBAAA,EAAkBL,aAAc;AAChC,IAAA,YAAA,EAAW,MAAM;AACjBpC,IAAAA,OAAO,EAAEA,OAAQ;AACjBoB,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,MAAM,EAAEA,MAAAA;GACJkB,EAAAA,IAAI,CAEPF,EAAAA,~~QAAQ~~,~~CACE~~,CAAA;AAEjB,CAAA;AAEAF,IAAI,CAAClC,YAAY,GAAGA,YAAY;;;;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable react/default-props-match-prop-types */\nimport React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { Theme, CSSObject } from \"@emotion/react\";\nimport {\n LinkVariations,\n LinkTextSize,\n PolymorphicComponentProps,\n AsProp,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\nexport type LinkProps = {\n size?: LinkTextSize;\n weight?: \"normal\" \| \"bold\" \| \"inherit\";\n variant?: LinkVariations;\n onClick?: () => void;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<LinkProps> & AsProp<\"a\"> = {\n variant: \"secondary\",\n as: \"a\",\n};\n\nconst handleHover = (theme: Theme, variant: LinkVariations) => {\n switch (variant) {\n case \"primary\":\n return theme.values.color.text.link.primaryHover;\n case \"tertiary\":\n return theme.values.color.text.link.tertiaryHover;\n case \"secondary\":\n default:\n return theme.values.color.text.link.secondaryHover;\n }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n ({ theme, weight, variant, size }) =>\n ({\n textDecoration: \"underline\",\n cursor: \"pointer\",\n color: theme.values.color.text.link[variant],\n background: \"none\",\n border: \"none\",\n padding: 0,\n \"&:hover\": {\n color: handleHover(theme, variant),\n },\n fontSize: theme.variables.size.font.link[size],\n fontWeight: theme.variables.weight[weight],\n lineHeight: theme.variables.size.lineHeight.link[size],\n fontFamily: theme.variables.fontFamily.lato,\n } as CSSObject)\n);\n\nexport function Link<C extends React.ElementType = \"a\">({\n children,\n size,\n weight,\n variant,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: PolymorphicComponentProps<C, LinkProps>): React.ReactElement {\n if (variant === (\"light-primary\" as LinkVariations)) {\n informDeprecation(\n variant,\n \"light-primary\",\n \"Link component\",\n \"Please consider using SubThemeProvider. \\n Delete all mentions of light-primary in DS after.\"\n );\n }\n return (\n <StyledLink\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Link\"\n variant={variant}\n size={size}\n weight={weight}\n {...rest}\n >\n {children}\n </StyledLink>\n );\n}\n\nLink.defaultProps = defaultProps;\n"],"names":["defaultProps","variant","as","handleHover","theme","values","color","text","link","primaryHover","tertiaryHover","secondaryHover","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","fontSize","variables","font","fontWeight","lineHeight","fontFamily","lato","Link","_ref2","children","dataE2eTestId","rest","informDeprecation","React","createElement","_extends"],"mappings":"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"}

package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoadingSpinner.js","sources":["../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\n\nexport type LoadingSpinnerProps = {\n /** Width and Height in px\n * @default 80px\n /\n size?: number;\n /* hidden label for screen readers */\n screenReaderText: string;\n \"data-e2e-test-id\"?: string;\n};\n\nconst animation = keyframes({\n to: {\n strokeDashoffset: 136,\n },\n});\n\nconst StyledContainer = styled.div({\n display: \"flex\",\n justifyContent: \"space-around\",\n});\n\nconst StyledSvg = styled.svg({\n transformOrigin: \"50% 65%\",\n});\n\nconst StyledPolygon = styled.polygon(({ theme }) => ({\n stroke: theme.variables.color.green.regular,\n strokeDasharray: 17,\n animation: `2s linear 0s infinite ${animation}`,\n}));\n\nexport function LoadingSpinner({\n size = 80,\n screenReaderText,\n \"data-e2e-test-id\": dataE2eTestId,\n}: LoadingSpinnerProps): React.ReactElement {\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"LoadingSpinner\"\n >\n <StyledSvg\n id=\"triangle\"\n width={size}\n height={size}\n viewBox=\"-3 -4 39 39\"\n aria-hidden=\"true\"\n >\n <StyledPolygon\n fill=\"transparent\"\n strokeWidth=\"1\"\n points=\"16,0 32,32 0,32\"\n />\n </StyledSvg>\n <ScreenReaderText>{screenReaderText}</ScreenReaderText>\n </StyledContainer>\n );\n}\n"],"names":["animation","keyframes","to","strokeDashoffset","StyledContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSvg","StyledPolygon","_ref","theme","stroke","variables","color","green","regular","strokeDasharray","LoadingSpinner","_ref2","size","screenReaderText","dataE2eTestId","React","createElement","id","width","height","viewBox","fill","strokeWidth","points","ScreenReaderText"],"mappings":";;;;;;AAeA,MAAMA,SAAS,GAAGC,SAAS,CAAC;AAC1BC,EAAAA,EAAE,EAAE;AACFC,IAAAA,gBAAgB,EAAE,GAAA;AACpB,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,2CAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,2CAAA;EAAAC,GAAA,EAAA,yvEAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,~~CAGtB~~,~~CAAA~~,CAAA;AAEF,MAAMC,SAAS,gBAAGX,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,0BAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,0BAAA;EAAAC,GAAA,EAAA,yvEAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,~~CAEhB~~,~~CAAA~~,CAAA;AAEF,MAAME,aAAa,gBAAGZ,OAAA,CAAA,SAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,eAAA;AAAA,CAAA,CAAA,CAAeQ,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACnDE,MAAM,EAAED,KAAK,CAACE,SAAS,CAACC,KAAK,CAACC,KAAK,CAACC,OAAO;AAC3CC,IAAAA,eAAe,EAAE,EAAE;IACnBzB,SAAS,EAAG,yBAAwBA,SAAU,CAAA,CAAA;GAC/C,CAAA;AAAA,CAAC,EAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yvEAAA,CAAA,CAAA;AAEI,SAASkB,cAAcA,CAAAC,KAAA,EAIc;EAAA,IAJb;AAC7BC,IAAAA,IAAI,GAAG,EAAE;IACTC,gBAAgB;AAChB,IAAA,kBAAkB,EAAEC,aAAAA;AACD,GAAC,GAAAH,KAAA,CAAA;AACpB,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAC5B,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkB0B,aAAc;IAChC,YAAW,EAAA,gBAAA;AAAgB,GAAA,eAE3BC,KAAA,CAAAC,aAAA,CAAChB,SAAS,EAAA;AACRiB,IAAAA,EAAE,EAAC,UAAU;AACbC,IAAAA,KAAK,EAAEN,IAAK;AACZO,IAAAA,MAAM,EAAEP,IAAK;AACbQ,IAAAA,OAAO,EAAC,aAAa;IACrB,aAAY,EAAA,MAAA;AAAM,GAAA,eAElBL,KAAA,CAAAC,aAAA,CAACf,aAAa,EAAA;AACZoB,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,MAAM,EAAC,iBAAA;~~GACP~~,~~CAAA,~~CACQ,eACZR,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA,IAAA,EAAEX,~~gBAAgB~~,~~CAAoB,~~CACvC,CAAA;AAEtB;;;;"}
1	+ {"version":3,"file":"LoadingSpinner.js","sources":["../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\n\nexport type LoadingSpinnerProps = {\n /** Width and Height in px\n * @default 80px\n /\n size?: number;\n /* hidden label for screen readers */\n screenReaderText: string;\n \"data-e2e-test-id\"?: string;\n};\n\nconst animation = keyframes({\n to: {\n strokeDashoffset: 136,\n },\n});\n\nconst StyledContainer = styled.div({\n display: \"flex\",\n justifyContent: \"space-around\",\n});\n\nconst StyledSvg = styled.svg({\n transformOrigin: \"50% 65%\",\n});\n\nconst StyledPolygon = styled.polygon(({ theme }) => ({\n stroke: theme.variables.color.green.regular,\n strokeDasharray: 17,\n animation: `2s linear 0s infinite ${animation}`,\n}));\n\nexport function LoadingSpinner({\n size = 80,\n screenReaderText,\n \"data-e2e-test-id\": dataE2eTestId,\n}: LoadingSpinnerProps): React.ReactElement {\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"LoadingSpinner\"\n >\n <StyledSvg\n id=\"triangle\"\n width={size}\n height={size}\n viewBox=\"-3 -4 39 39\"\n aria-hidden=\"true\"\n >\n <StyledPolygon\n fill=\"transparent\"\n strokeWidth=\"1\"\n points=\"16,0 32,32 0,32\"\n />\n </StyledSvg>\n <ScreenReaderText>{screenReaderText}</ScreenReaderText>\n </StyledContainer>\n );\n}\n"],"names":["animation","keyframes","to","strokeDashoffset","StyledContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSvg","StyledPolygon","_ref","theme","stroke","variables","color","green","regular","strokeDasharray","LoadingSpinner","_ref2","size","screenReaderText","dataE2eTestId","React","createElement","id","width","height","viewBox","fill","strokeWidth","points","ScreenReaderText"],"mappings":"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"}

package/build/esm/src/components/Logo/Logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport logo from \"../../../build-tokens/assets/logo.json\";\n\nexport type LogoProps = {\n href: string;\n ariaLabel?: string;\n role?: string;\n \"data-testid\"?: string;\n};\n\nconst StyledLogoElement = styled.a(({ theme }) => ({\n color: theme.values.color.logo.base,\n}));\n\nexport function Logo({\n href,\n ariaLabel = \"Main\",\n role = \"navigation\",\n \"data-testid\": dataTestId,\n}: LogoProps): React.ReactElement {\n return (\n <StyledLogoElement\n href={href}\n aria-label={ariaLabel}\n role={role}\n dangerouslySetInnerHTML={{\n __html: logo[\"amboss-logo\"],\n }}\n data-testid={dataTestId}\n data-ds-id=\"Logo\"\n />\n );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","logo","base","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":";;;;AAWA,MAAMA,iBAAiB,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,mBAAA;AAAA,CAAA,CAAA,CAASC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACjDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,IAAAA;GAChC,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6tCAAA,CAAA,CAAA;AAEI,SAASS,IAAIA,CAAAC,KAAA,EAKc;EAAA,IALb;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,MAAM;AAClBC,IAAAA,IAAI,GAAG,YAAY;AACnB,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAJ,KAAA,CAAA;AACV,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAA;AAChBe,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,YAAA,EAAYC,SAAU;AACtBC,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,EAAEX,IAAI,CAAC,aAAa,CAAA;KAC1B;AACF,IAAA,aAAA,EAAaO,UAAW;IACxB,YAAW,EAAA,MAAA;~~GACX~~,~~CAAA~~,CAAA;AAEN;;;;"}
1	+ {"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport logo from \"../../../build-tokens/assets/logo.json\";\n\nexport type LogoProps = {\n href: string;\n ariaLabel?: string;\n role?: string;\n \"data-testid\"?: string;\n};\n\nconst StyledLogoElement = styled.a(({ theme }) => ({\n color: theme.values.color.logo.base,\n}));\n\nexport function Logo({\n href,\n ariaLabel = \"Main\",\n role = \"navigation\",\n \"data-testid\": dataTestId,\n}: LogoProps): React.ReactElement {\n return (\n <StyledLogoElement\n href={href}\n aria-label={ariaLabel}\n role={role}\n dangerouslySetInnerHTML={{\n __html: logo[\"amboss-logo\"],\n }}\n data-testid={dataTestId}\n data-ds-id=\"Logo\"\n />\n );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","logo","base","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":";;;;AAWA,MAAMA,iBAAiB,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,mBAAA;AAAA,CAAA,CAAA,CAASC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACjDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,IAAAA;GAChC,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6tCAAA,CAAA,CAAA;AAEI,SAASS,IAAIA,CAAAC,KAAA,EAKc;EAAA,IALb;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,MAAM;AAClBC,IAAAA,IAAI,GAAG,YAAY;AACnB,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAJ,KAAA,CAAA;AACV,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAA;AAChBe,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,YAAA,EAAYC,SAAU;AACtBC,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,EAAEX,IAAI,CAAC,aAAa,CAAA;KAC1B;AACF,IAAA,aAAA,EAAaO,UAAW;IACxB,YAAW,EAAA,MAAA;AAAM,GAClB,CAAC,CAAA;AAEN;;;;"}

package/build/esm/src/components/MediaItem/MediaItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n src: string;\n title: string;\n /** Sets the height of the media to equal the width value making a square <br/>\n /\n squareByWidth?: boolean;\n /* Specify fit of the media background. <br/>\n * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n */\n fit: \"cover\" \| \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n ({ squareByWidth }) => ({\n position: \"relative\",\n backgroundColor: \" transparent\",\n overflow: \"hidden\",\n border: \"none\",\n width: \"100%\",\n borderRadius: \"inherit\",\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n backgroundPosition: \"center\",\n objectFit: fit,\n backgroundRepeat: \"no-repeat\",\n cursor: \"pointer\",\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.layer_1,\n },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n ({ theme, squareByWidth }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.button.secondary.hover,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth,\n fit,\n}: MediaItemProps): React.ReactElement {\n const [srcError, setSrcError] = useState(false);\n\n const image = new Image();\n image.src = src;\n image.onerror = () => {\n if (!srcError) {\n setSrcError(true);\n }\n };\n\n return (\n <StyledMediaContainer squareByWidth={squareByWidth} data-ds-id=\"MediaItem\">\n {!srcError ? (\n <StyledMedia src={src} title={title} alt={title} fit={fit} />\n ) : (\n <StyledContainer title=\"Error not found\">\n <Icon name=\"image-broken\" variant=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\n}\n\nMediaItem.defaultProps = {\n mediaCover: true,\n squareByWidth: false,\n fit: \"cover\",\n};\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","layer_1","StyledContainer","_ref3","alignItems","justifyContent","button","secondary","hover","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name","variant","defaultProps","mediaCover"],"mappings":";;;;AAiBA,MAAMA,oBAAoB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,sBAAA;AAAA,CAAA,CAAA,CAC3BC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACtBE,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,eAAe,EAAE,cAAc;AAC/BC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,YAAY,EAAE,SAAS;AACvB,IAAA,IAAIN,aAAa,IAAI;AAAEO,MAAAA,UAAU,EAAE,MAAA;AAAO,KAAC,CAAC;IAC5C,IAAI,CAACP,aAAa,IAAI;AAAEQ,MAAAA,MAAM,EAAE,MAAA;KAAQ,CAAA;GACzC,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,yuHAAA,~~CAAA~~,CAAA~~;AAED,MAAMa,WAAW,gBAAGhB,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAoCY,KAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,GAAAA;AAAI,GAAC,GAAAF,KAAA,CAAA;EAAA,OAAM;AAC3ET,IAAAA,QAAQ,EAAE,UAAU;AACpBY,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,OAAO,EAAE,OAAO;AAChBV,IAAAA,KAAK,EAAE,MAAM;AACbG,IAAAA,MAAM,EAAE,MAAM;AACdQ,IAAAA,kBAAkB,EAAE,QAAQ;AAC5BC,IAAAA,SAAS,EAAEL,GAAG;AACdM,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,MAAM,EAAE,SAAS;AACjB,IAAA,8BAA8B,EAAE;MAC9BjB,eAAe,EAAES,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAAA;AACjD,KAAA;GACD,CAAA;AAAA,CAAC,EAAA7B,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yuHAAA,CAAA,CAAA;AAEH,MAAM4B,eAAe,gBAAG/B,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtB2B,KAAA,IAAA;EAAA,IAAC;IAAEd,KAAK;AAAEX,IAAAA,aAAAA;AAAc,GAAC,GAAAyB,KAAA,CAAA;EAAA,OAAM;AAC7BxB,IAAAA,QAAQ,EAAE,UAAU;AACpBY,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,OAAO,EAAE,MAAM;AACfW,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBtB,IAAAA,KAAK,EAAE,MAAM;AACbH,IAAAA,eAAe,EAAES,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,UAAU,CAACM,MAAM,CAACC,SAAS,CAACC,KAAK;AACrE,IAAA,IAAI9B,aAAa,IAAI;AAAEO,MAAAA,UAAU,EAAE,MAAA;AAAO,KAAC,CAAC;IAC5C,IAAI,CAACP,aAAa,IAAI;AAAEQ,MAAAA,MAAM,EAAE,MAAA;KAAQ,CAAA;GACzC,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,yuHAAA,~~CAAA~~,CAAA~~;AAEM,SAASmC,SAASA,CAAAC,KAAA,EAKc;EAAA,IALb;IACxBC,GAAG;IACHC,KAAK;IACLlC,aAAa;AACbY,IAAAA,GAAAA;AACc,GAAC,GAAAoB,KAAA,CAAA;EACf,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAE/C,EAAA,MAAMC,KAAK,GAAG,IAAIC,KAAK,EAAE,CAAA;EACzBD,KAAK,CAACL,GAAG,GAAGA,GAAG,CAAA;EACfK,KAAK,CAACE,OAAO,GAAG,MAAM;IACpB,IAAI,CAACL,QAAQ,EAAE;MACbC,WAAW,CAAC,IAAI,CAAC,CAAA;AACnB,KAAA;GACD,CAAA;AAED,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAAClD,oBAAoB,EAAA;AAACQ,IAAAA,aAAa,EAAEA,aAAc;IAAC,YAAW,EAAA,WAAA;AAAW,GAAA,EACvE,CAACmC,QAAQ,gBACRM,KAAA,CAAAC,aAAA,CAACjC,WAAW,EAAA;AAACwB,IAAAA,GAAG,EAAEA,GAAI;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACS,IAAAA,GAAG,EAAET,KAAM;AAACtB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,~~GAAA~~,~~CAAG~~,gBAE7D6B,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAA;AAACU,IAAAA,KAAK,EAAC,iBAAA;AAAiB,GAAA,eACtCO,KAAA,CAAAC,aAAA,CAACE,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,cAAc;AAACC,IAAAA,OAAO,EAAC,UAAA;~~AAAU~~,~~GAAA~~,~~CAAG~~,~~CAElD~~,~~CACoB,~~CAAA;AAE3B,CAAA;AAEAf,SAAS,CAACgB,YAAY,GAAG;AACvBC,EAAAA,UAAU,EAAE,IAAI;AAChBhD,EAAAA,aAAa,EAAE,KAAK;AACpBY,EAAAA,GAAG,EAAE,OAAA;AACP,CAAC;;;;"}
1	+ {"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n src: string;\n title: string;\n /** Sets the height of the media to equal the width value making a square <br/>\n /\n squareByWidth?: boolean;\n /* Specify fit of the media background. <br/>\n * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n */\n fit: \"cover\" \| \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n ({ squareByWidth }) => ({\n position: \"relative\",\n backgroundColor: \" transparent\",\n overflow: \"hidden\",\n border: \"none\",\n width: \"100%\",\n borderRadius: \"inherit\",\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n backgroundPosition: \"center\",\n objectFit: fit,\n backgroundRepeat: \"no-repeat\",\n cursor: \"pointer\",\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.layer_1,\n },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n ({ theme, squareByWidth }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.button.secondary.hover,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth,\n fit,\n}: MediaItemProps): React.ReactElement {\n const [srcError, setSrcError] = useState(false);\n\n const image = new Image();\n image.src = src;\n image.onerror = () => {\n if (!srcError) {\n setSrcError(true);\n }\n };\n\n return (\n <StyledMediaContainer squareByWidth={squareByWidth} data-ds-id=\"MediaItem\">\n {!srcError ? (\n <StyledMedia src={src} title={title} alt={title} fit={fit} />\n ) : (\n <StyledContainer title=\"Error not found\">\n <Icon name=\"image-broken\" variant=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\n}\n\nMediaItem.defaultProps = {\n mediaCover: true,\n squareByWidth: false,\n fit: \"cover\",\n};\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","layer_1","StyledContainer","_ref3","alignItems","justifyContent","button","secondary","hover","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name","variant","defaultProps","mediaCover"],"mappings":"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"}

package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n display: \"inline-flex\",\n borderRadius: theme.variables.size.spacing.xxs,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_1,\n color: theme.values.color.text.lightPrimary,\n overflow: \"hidden\",\n \"> div\": {\n width: \"100%\",\n \"> div\": {\n lineHeight: \"normal\",\n },\n },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_2,\n}));\n\nexport type MediaViewerBarProps = {\n children?: ReactElement \| ReactElement[];\n hasSeparator?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n children,\n hasSeparator,\n \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n const flattenedChildren = flattenChildren(children);\n\n return (\n <SubThemeProvider name=\"dimmed\">\n <StyledMediaViewerBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"MediaViewerBar\"\n >\n <Inline space=\"zero\" vAlignItems=\"center\" alignItems=\"center\" noWrap>\n {React.Children.map(flattenedChildren, (child, index) => (\n <>\n {hasSeparator && index > 0 && <StyledSeparator />}\n {child}\n </>\n ))}\n </Inline>\n </StyledMediaViewerBar>\n </SubThemeProvider>\n );\n}\n"],"names":["StyledMediaViewerBar","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","spacing","xxs","height","l","backgroundColor","values","color","background","layer_1","text","lightPrimary","overflow","width","lineHeight","StyledSeparator","_ref2","dimension","mediaViewerBar","separator","layer_2","MediaViewerBar","_ref3","children","hasSeparator","dataE2eTestId","flattenedChildren","flattenChildren","React","createElement","SubThemeProvider","name","Inline","space","vAlignItems","alignItems","noWrap","Children","map","child","index","Fragment"],"mappings":"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~~EAAA~~,~~IAAA~~,~~EACGjB~~,YAAY,IAAIgB,KAAK,GAAG,CAAC,iBAAIZ,KAAA,CAAAC,aAAA,CAACd,eAAe,~~OAAG~~,EAChDwB,~~KAAK~~,~~CAET~~,~~CAAC,~~CACK,CACY,CACN,CAAA;AAEvB;;;;"}
1	+ {"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n display: \"inline-flex\",\n borderRadius: theme.variables.size.spacing.xxs,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_1,\n color: theme.values.color.text.lightPrimary,\n overflow: \"hidden\",\n \"> div\": {\n width: \"100%\",\n \"> div\": {\n lineHeight: \"normal\",\n },\n },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_2,\n}));\n\nexport type MediaViewerBarProps = {\n children?: ReactElement \| ReactElement[];\n hasSeparator?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n children,\n hasSeparator,\n \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n const flattenedChildren = flattenChildren(children);\n\n return (\n <SubThemeProvider name=\"dimmed\">\n <StyledMediaViewerBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"MediaViewerBar\"\n >\n <Inline space=\"zero\" vAlignItems=\"center\" alignItems=\"center\" noWrap>\n {React.Children.map(flattenedChildren, (child, index) => (\n <>\n {hasSeparator && index > 0 && <StyledSeparator />}\n {child}\n </>\n ))}\n </Inline>\n </StyledMediaViewerBar>\n </SubThemeProvider>\n );\n}\n"],"names":["StyledMediaViewerBar","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","spacing","xxs","height","l","backgroundColor","values","color","background","layer_1","text","lightPrimary","overflow","width","lineHeight","StyledSeparator","_ref2","dimension","mediaViewerBar","separator","layer_2","MediaViewerBar","_ref3","children","hasSeparator","dataE2eTestId","flattenedChildren","flattenChildren","React","createElement","SubThemeProvider","name","Inline","space","vAlignItems","alignItems","noWrap","Children","map","child","index","Fragment"],"mappings":"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"}

package/build/esm/src/components/Notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n \"data-e2e-test-id\"?: string;\n text?: string;\n icon?: IconName;\n isDismissable?: boolean;\n callToActionLabel?: string;\n expandButtonLabel?: string;\n shrinkButtonLabel?: string;\n expandable?: boolean;\n onClickCallToAction?: (e: React.MouseEvent) => void;\n onClickDismiss?: () => void;\n children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n isDismissed: boolean;\n}>(({ isDismissed }) => ({\n transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n transition: `transform ${\n isDismissed ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nexport function Notification({\n text,\n icon,\n isDismissable,\n callToActionLabel,\n onClickDismiss,\n onClickCallToAction,\n expandable,\n expandButtonLabel,\n shrinkButtonLabel,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isDismissed, setIsDismissed] = useState(false);\n\n const dismiss = () => {\n setIsDismissed(true);\n setTimeout(onClickDismiss, ANIMATION_TIME);\n };\n\n return (\n <StyledContainer data-ds-id=\"Notification\">\n <StyledExpandingContainer isDismissed={isDismissed}>\n <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n <Box space=\"s\">\n <Columns gap=\"s\" vAlignItems=\"top\">\n {icon && (\n <Column size=\"narrow\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Icon name={icon} variant=\"secondary\" data-testid=\"icon\" />\n </Box>\n </Column>\n )}\n <Column size=\"fill\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Text>{text}</Text>\n </Box>\n </Column>{\" \"}\n {(callToActionLabel \|\| expandable) && (\n <Column\n size={[12, \"narrow\", \"narrow\"]}\n order={[\"last\", \"unset\", \"unset\"]}\n >\n {callToActionLabel && (\n <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n {callToActionLabel}\n </Button>\n )}\n {expandable && (\n <Button\n size=\"s\"\n fullWidth\n onClick={() => setIsExpanded(!isExpanded)}\n rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n >\n {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n </Button>\n )}\n </Column>\n )}\n {isDismissable && (\n <Column size=\"narrow\">\n <Button\n leftIcon=\"x\"\n variant=\"tertiary\"\n size=\"s\"\n onClick={dismiss}\n />\n </Column>\n )}\n </Columns>\n {isExpanded && children}\n </Box>\n </Card>\n </StyledExpandingContainer>\n </StyledContainer>\n );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","variant","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon"],"mappings":";;;;;;;;;AASA,MAAMA,cAAc,GAAG,GAAG,CAAA;AAgB1B,MAAMC,wBAAwB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,0BAAA;AAAA,CAAA,CAAA,CAE9BC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACvBE,IAAAA,SAAS,EAAG,CAAaD,WAAAA,EAAAA,WAAW,GAAG,mBAAmB,GAAG,IAAK,CAAE,CAAA,CAAA;AACpEE,IAAAA,UAAU,EAAG,CACXF,UAAAA,EAAAA,WAAW,GAAGT,cAAc,GAAG,CAChC,CAAA,oCAAA,CAAA;GACF,CAAA;AAAA,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6qKAAA,CAAA,CAAA;AAEH,MAAMO,eAAe,gBAAGV,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCM,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6qKAAA,CAAA,CAAA;AAEI,SAASS,YAAYA,CAAAC,KAAA,EAYc;EAAA,IAZb;IAC3BC,IAAI;IACJC,IAAI;IACJC,aAAa;IACbC,iBAAiB;IACjBC,cAAc;IACdC,mBAAmB;IACnBC,UAAU;IACVC,iBAAiB;IACjBC,iBAAiB;IACjBC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACH,GAAC,GAAAX,KAAA,CAAA;EAClB,MAAM,CAACY,UAAU,EAAEC,aAAa,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACnD,MAAM,CAACpB,WAAW,EAAEqB,cAAc,CAAC,GAAGD,QAAQ,CAAC,KAAK,CAAC,CAAA;EAErD,MAAME,OAAO,GAAGA,MAAM;IACpBD,cAAc,CAAC,IAAI,CAAC,CAAA;AACpBE,IAAAA,UAAU,CAACZ,cAAc,EAAEpB,cAAc,CAAC,CAAA;GAC3C,CAAA;AAED,EAAA,oBACEiC,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA;IAAC,YAAW,EAAA,cAAA;AAAc,GAAA,eACxCqB,KAAA,CAAAC,aAAA,CAACjC,wBAAwB,EAAA;AAACQ,IAAAA,WAAW,EAAEA,WAAAA;AAAY,GAAA,eACjDwB,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;IAACC,aAAa,EAAA,IAAA;IAAC,kBAAkBV,EAAAA,aAAAA;AAAc,GAAA,eAClDO,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAC,GAAA;AAAG,GAAA,eACZL,KAAA,CAAAC,aAAA,CAACK,OAAO,EAAA;AAACC,IAAAA,GAAG,EAAC,GAAG;AAACC,IAAAA,WAAW,EAAC,KAAA;AAAK,GAAA,EAC/BxB,IAAI,iBACHgB,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,eACnBV,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACO,IAAAA,MAAM,EAAC,KAAK;AAACN,IAAAA,KAAK,EAAC,MAAA;AAAM,GAAA,eAC5BL,KAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAE7B,IAAK;AAAC8B,IAAAA,OAAO,EAAC,WAAW;IAAC,aAAY,EAAA,MAAA;~~AAAM~~,~~GAAA~~,~~CAAG~~,~~CACvD~~,~~CAET,~~eACDd,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,eACjBV,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACO,IAAAA,MAAM,EAAC,KAAK;AAACN,IAAAA,KAAK,EAAC,MAAA;GACtBL,eAAAA,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAEhC,IAAAA,EAAAA,~~IAAI~~,~~CAAQ,~~CACf,CACC,EAAC,GAAG,EACZ,CAACG,iBAAiB,IAAIG,UAAU,kBAC/BW,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AACLC,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAE;AAC/BM,IAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAA;AAAE,GAAA,EAEjC9B,iBAAiB,iBAChBc,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AAACP,IAAAA,IAAI,EAAC,GAAG;IAACQ,SAAS,EAAA,IAAA;AAACC,IAAAA,OAAO,EAAE/B,mBAAAA;GACjCF,EAAAA,~~iBAAiB~~,~~CAErB~~,EACAG,UAAU,iBACTW,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AACLP,IAAAA,IAAI,EAAC,GAAG;IACRQ,SAAS,EAAA,IAAA;AACTC,IAAAA,OAAO,EAAEA,MAAMxB,aAAa,CAAC,CAACD,UAAU,CAAE;AAC1C0B,IAAAA,SAAS,EAAE1B,UAAU,GAAG,YAAY,GAAG,cAAA;AAAe,GAAA,EAErDA,UAAU,GAAGH,iBAAiB,GAAGD,~~iBAAiB~~,~~CAEtD,~~CAEJ,EACAL,aAAa,iBACZe,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,eACnBV,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AACLI,IAAAA,QAAQ,EAAC,GAAG;AACZP,IAAAA,OAAO,EAAC,UAAU;AAClBJ,IAAAA,IAAI,EAAC,GAAG;AACRS,IAAAA,OAAO,EAAErB,OAAAA;~~GACT~~,~~CAAA~~,~~CAEL~~,~~CACO~~,EACTJ,UAAU,IAAIF,~~QAAQ~~,~~CACnB,~~CACD,CACkB,CACX,CAAA;AAEtB;;;;"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n \"data-e2e-test-id\"?: string;\n text?: string;\n icon?: IconName;\n isDismissable?: boolean;\n callToActionLabel?: string;\n expandButtonLabel?: string;\n shrinkButtonLabel?: string;\n expandable?: boolean;\n onClickCallToAction?: (e: React.MouseEvent) => void;\n onClickDismiss?: () => void;\n children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n isDismissed: boolean;\n}>(({ isDismissed }) => ({\n transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n transition: `transform ${\n isDismissed ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nexport function Notification({\n text,\n icon,\n isDismissable,\n callToActionLabel,\n onClickDismiss,\n onClickCallToAction,\n expandable,\n expandButtonLabel,\n shrinkButtonLabel,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isDismissed, setIsDismissed] = useState(false);\n\n const dismiss = () => {\n setIsDismissed(true);\n setTimeout(onClickDismiss, ANIMATION_TIME);\n };\n\n return (\n <StyledContainer data-ds-id=\"Notification\">\n <StyledExpandingContainer isDismissed={isDismissed}>\n <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n <Box space=\"s\">\n <Columns gap=\"s\" vAlignItems=\"top\">\n {icon && (\n <Column size=\"narrow\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Icon name={icon} variant=\"secondary\" data-testid=\"icon\" />\n </Box>\n </Column>\n )}\n <Column size=\"fill\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Text>{text}</Text>\n </Box>\n </Column>{\" \"}\n {(callToActionLabel \|\| expandable) && (\n <Column\n size={[12, \"narrow\", \"narrow\"]}\n order={[\"last\", \"unset\", \"unset\"]}\n >\n {callToActionLabel && (\n <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n {callToActionLabel}\n </Button>\n )}\n {expandable && (\n <Button\n size=\"s\"\n fullWidth\n onClick={() => setIsExpanded(!isExpanded)}\n rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n >\n {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n </Button>\n )}\n </Column>\n )}\n {isDismissable && (\n <Column size=\"narrow\">\n <Button\n leftIcon=\"x\"\n variant=\"tertiary\"\n size=\"s\"\n onClick={dismiss}\n />\n </Column>\n )}\n </Columns>\n {isExpanded && children}\n </Box>\n </Card>\n </StyledExpandingContainer>\n </StyledContainer>\n );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","variant","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon"],"mappings":"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"}

package/build/esm/src/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\nimport { Text } from \"../Typography/Text/Text\";\n\nexport type PaginationProps = {\n /** Total number of pages /\n numOfPages: number;\n /* Current page /\n currentPage: number;\n /* Number of items per page /\n numOfItemsPerPage?: number;\n onPrevClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n onNextClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n /* Callback to provide a custom label /\n formatLabel?: (\n firstItemIndex?: number,\n lastItemIndex?: number,\n numOfItems?: number\n ) => string;\n /* Align label with respect to arrow buttons /\n alignLabel?: \"center\" \| \"left\";\n \"data-e2e-test-id\"?: string;\n};\n\nfunction getItemIndices(\n page: number,\n numOfItemsPerPage: number\n): [number, number] {\n const lastItemIndex = page numOfItemsPerPage;\n const firstItemIndex = lastItemIndex - numOfItemsPerPage + 1;\n\n return [firstItemIndex, lastItemIndex];\n}\n\nexport function Pagination({\n numOfPages,\n numOfItemsPerPage,\n currentPage,\n formatLabel,\n alignLabel = \"center\",\n \"data-e2e-test-id\": dataE2eTestId,\n onPrevClick,\n onNextClick,\n}: PaginationProps): React.ReactElement {\n let label;\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === numOfPages;\n\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage,\n numOfItemsPerPage\n );\n const numOfItems = numOfPages * numOfItemsPerPage;\n\n label = formatLabel\n ? formatLabel(firstItemIndex, lastItemIndex, numOfItems)\n : `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;\n } else {\n label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;\n }\n\n const handlePrevClick = () => {\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage - 1,\n numOfItemsPerPage\n );\n\n onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);\n } else {\n onPrevClick(currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage + 1,\n numOfItemsPerPage\n );\n\n onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);\n } else {\n onNextClick(currentPage + 1);\n }\n };\n\n const leftButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-left\"\n disabled={isFirstPage}\n onClick={handlePrevClick}\n />\n );\n const rightButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-right\"\n disabled={isLastPage}\n onClick={handleNextClick}\n />\n );\n const labelElm = <Text size=\"s\">{label}</Text>;\n const content =\n alignLabel === \"left\" ? (\n <>\n {labelElm}\n {leftButton}\n {rightButton}\n </>\n ) : (\n <>\n {leftButton}\n {labelElm}\n {rightButton}\n </>\n );\n\n return (\n <Inline\n vAlignItems=\"center\"\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Pagination\"\n >\n {content}\n </Inline>\n );\n}\n"],"names":["getItemIndices","page","numOfItemsPerPage","lastItemIndex","firstItemIndex","Pagination","_ref","numOfPages","currentPage","formatLabel","alignLabel","dataE2eTestId","onPrevClick","onNextClick","label","isFirstPage","isLastPage","numOfItems","handlePrevClick","handleNextClick","leftButton","React","createElement","PictogramButton","size","icon","disabled","onClick","rightButton","labelElm","Text","content","Fragment","Inline","vAlignItems"],"mappings":";;;;;AAiCA,SAASA,cAAcA,CACrBC,IAAY,EACZC,iBAAyB,EACP;AAClB,EAAA,MAAMC,aAAa,GAAGF,IAAI,GAAGC,iBAAiB,CAAA;AAC9C,EAAA,MAAME,cAAc,GAAGD,aAAa,GAAGD,iBAAiB,GAAG,CAAC,CAAA;AAE5D,EAAA,OAAO,CAACE,cAAc,EAAED,aAAa,CAAC,CAAA;AACxC,CAAA;AAEO,SAASE,UAAUA,CAAAC,IAAA,EASc;EAAA,IATb;IACzBC,UAAU;IACVL,iBAAiB;IACjBM,WAAW;IACXC,WAAW;AACXC,IAAAA,UAAU,GAAG,QAAQ;AACrB,IAAA,kBAAkB,EAAEC,aAAa;IACjCC,WAAW;AACXC,IAAAA,WAAAA;AACe,GAAC,GAAAP,IAAA,CAAA;AAChB,EAAA,IAAIQ,KAAK,CAAA;AACT,EAAA,MAAMC,WAAW,GAAGP,WAAW,KAAK,CAAC,CAAA;AACrC,EAAA,MAAMQ,UAAU,GAAGR,WAAW,KAAKD,UAAU,CAAA;AAE7C,EAAA,IAAIL,iBAAiB,EAAE;IACrB,MAAM,CAACE,cAAc,EAAED,aAAa,CAAC,GAAGH,cAAc,CACpDQ,WAAW,EACXN,~~iBAAiB~~,~~CAClB~~,CAAA;AACD,IAAA,MAAMe,UAAU,GAAGV,UAAU,GAAGL,iBAAiB,CAAA;AAEjDY,IAAAA,KAAK,GAAGL,WAAW,GACfA,WAAW,CAACL,cAAc,EAAED,aAAa,EAAEc,UAAU,CAAC,GACrD,CAAEb,EAAAA,cAAe,MAAKD,aAAc,CAAA,IAAA,EAAMc,UAAW,CAAC,CAAA,CAAA;AAC7D,GAAC,MAAM;IACLH,KAAK,GAAGL,WAAW,GAAGA,WAAW,EAAE,GAAI,CAAED,EAAAA,WAAY,CAAMD,IAAAA,EAAAA,UAAW,CAAC,CAAA,CAAA;AACzE,GAAA;EAEA,MAAMW,eAAe,GAAGA,MAAM;AAC5B,IAAA,IAAIhB,iBAAiB,EAAE;AACrB,MAAA,MAAM,CAACE,cAAc,EAAED,aAAa,CAAC,GAAGH,cAAc,CACpDQ,WAAW,GAAG,CAAC,EACfN,~~iBAAiB~~,~~CAClB~~,CAAA;MAEDU,WAAW,CAACJ,WAAW,GAAG,CAAC,EAAEJ,cAAc,EAAED,aAAa,CAAC,CAAA;AAC7D,KAAC,MAAM;AACLS,MAAAA,WAAW,CAACJ,WAAW,GAAG,CAAC,CAAC,CAAA;AAC9B,KAAA;GACD,CAAA;EAED,MAAMW,eAAe,GAAGA,MAAM;AAC5B,IAAA,IAAIjB,iBAAiB,EAAE;AACrB,MAAA,MAAM,CAACE,cAAc,EAAED,aAAa,CAAC,GAAGH,cAAc,CACpDQ,WAAW,GAAG,CAAC,EACfN,~~iBAAiB~~,~~CAClB~~,CAAA;MAEDW,WAAW,CAACL,WAAW,GAAG,CAAC,EAAEJ,cAAc,EAAED,aAAa,CAAC,CAAA;AAC7D,KAAC,MAAM;AACLU,MAAAA,WAAW,CAACL,WAAW,GAAG,CAAC,CAAC,CAAA;AAC9B,KAAA;GACD,CAAA;AAED,EAAA,MAAMY,UAAU,gBACdC,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AACdC,IAAAA,IAAI,EAAC,GAAG;AACRC,IAAAA,IAAI,EAAC,cAAc;AACnBC,IAAAA,QAAQ,EAAEX,WAAY;AACtBY,IAAAA,OAAO,EAAET,eAAAA;~~GAEZ~~,~~CAAA~~,CAAA;AACD,EAAA,MAAMU,WAAW,gBACfP,KAAA,CAAAC,aAAA,CAACC,eAAe,EAAA;AACdC,IAAAA,IAAI,EAAC,GAAG;AACRC,IAAAA,IAAI,EAAC,eAAe;AACpBC,IAAAA,QAAQ,EAAEV,UAAW;AACrBW,IAAAA,OAAO,EAAER,eAAAA;~~GAEZ~~,~~CAAA~~,CAAA;AACD,EAAA,MAAMU,QAAQ,gBAAGR,KAAA,CAAAC,aAAA,CAACQ,IAAI,EAAA;AAACN,IAAAA,IAAI,EAAC,GAAA;AAAG,GAAA,EAAEV,~~KAAK~~,~~CAAQ~~,CAAA;AAC9C,EAAA,MAAMiB,OAAO,GACXrB,UAAU,KAAK,MAAM,gBACnBW,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAW,QAAA,EAAA,IAAA,EACGH,QAAQ,EACRT,UAAU,EACVQ,~~WAAW~~,~~CACX~~,gBAEHP,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAW,QAAA,QACGZ,UAAU,EACVS,QAAQ,EACRD,~~WAAW~~,~~CAEf~~,CAAA;AAEH,EAAA,oBACEP,KAAA,CAAAC,aAAA,CAACW,MAAM,EAAA;AACLC,IAAAA,WAAW,EAAC,QAAQ;AACpB,IAAA,kBAAA,EAAkBvB,aAAc;IAChC,YAAW,EAAA,YAAA;AAAY,GAAA,EAEtBoB,~~OAAO~~,~~CACD~~,CAAA;AAEb;;;;"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { PictogramButton } from \"../PictogramButton/PictogramButton\";\nimport { Text } from \"../Typography/Text/Text\";\n\nexport type PaginationProps = {\n /** Total number of pages /\n numOfPages: number;\n /* Current page /\n currentPage: number;\n /* Number of items per page /\n numOfItemsPerPage?: number;\n onPrevClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n onNextClick: (\n page: number,\n firstItemIndex?: number,\n lastItemIndex?: number\n ) => void;\n /* Callback to provide a custom label /\n formatLabel?: (\n firstItemIndex?: number,\n lastItemIndex?: number,\n numOfItems?: number\n ) => string;\n /* Align label with respect to arrow buttons /\n alignLabel?: \"center\" \| \"left\";\n \"data-e2e-test-id\"?: string;\n};\n\nfunction getItemIndices(\n page: number,\n numOfItemsPerPage: number\n): [number, number] {\n const lastItemIndex = page numOfItemsPerPage;\n const firstItemIndex = lastItemIndex - numOfItemsPerPage + 1;\n\n return [firstItemIndex, lastItemIndex];\n}\n\nexport function Pagination({\n numOfPages,\n numOfItemsPerPage,\n currentPage,\n formatLabel,\n alignLabel = \"center\",\n \"data-e2e-test-id\": dataE2eTestId,\n onPrevClick,\n onNextClick,\n}: PaginationProps): React.ReactElement {\n let label;\n const isFirstPage = currentPage === 1;\n const isLastPage = currentPage === numOfPages;\n\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage,\n numOfItemsPerPage\n );\n const numOfItems = numOfPages * numOfItemsPerPage;\n\n label = formatLabel\n ? formatLabel(firstItemIndex, lastItemIndex, numOfItems)\n : `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;\n } else {\n label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;\n }\n\n const handlePrevClick = () => {\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage - 1,\n numOfItemsPerPage\n );\n\n onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);\n } else {\n onPrevClick(currentPage - 1);\n }\n };\n\n const handleNextClick = () => {\n if (numOfItemsPerPage) {\n const [firstItemIndex, lastItemIndex] = getItemIndices(\n currentPage + 1,\n numOfItemsPerPage\n );\n\n onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);\n } else {\n onNextClick(currentPage + 1);\n }\n };\n\n const leftButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-left\"\n disabled={isFirstPage}\n onClick={handlePrevClick}\n />\n );\n const rightButton = (\n <PictogramButton\n size=\"s\"\n icon=\"chevron-right\"\n disabled={isLastPage}\n onClick={handleNextClick}\n />\n );\n const labelElm = <Text size=\"s\">{label}</Text>;\n const content =\n alignLabel === \"left\" ? (\n <>\n {labelElm}\n {leftButton}\n {rightButton}\n </>\n ) : (\n <>\n {leftButton}\n {labelElm}\n {rightButton}\n </>\n );\n\n return (\n <Inline\n vAlignItems=\"center\"\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Pagination\"\n >\n {content}\n </Inline>\n );\n}\n"],"names":["getItemIndices","page","numOfItemsPerPage","lastItemIndex","firstItemIndex","Pagination","_ref","numOfPages","currentPage","formatLabel","alignLabel","dataE2eTestId","onPrevClick","onNextClick","label","isFirstPage","isLastPage","numOfItems","handlePrevClick","handleNextClick","leftButton","React","createElement","PictogramButton","size","icon","disabled","onClick","rightButton","labelElm","Text","content","Fragment","Inline","vAlignItems"],"mappings":"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"}

package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../../../src/components/Patterns/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseVariations, MQ, SpaceSizes } from \"../../../types\";\nimport { Columns, Column } from \"../../Column/Columns\";\nimport { Button } from \"../../Button/Button\";\n\nexport type ActionButtonProps = {\n text: string;\n type?: \"button\" \| \"submit\";\n variant: BaseVariations;\n};\n\nexport type ButtonGroupProps = {\n actionButton?: ActionButtonProps;\n cancelButtonText?: string;\n onButtonClick?: (action: \"cancel\" \| \"action\") => void;\n space?: MQ<SpaceSizes> \| SpaceSizes;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function ButtonGroup({\n cancelButtonText,\n actionButton,\n onButtonClick,\n \"data-e2e-test-id\": dataE2eTestId,\n}: ButtonGroupProps): React.ReactElement {\n return (\n <Columns\n gap=\"s\"\n alignItems={[\"spaceBetween\", \"right\"]}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"ButtonGroup\"\n >\n {actionButton && (\n <Column order={[\"first\", \"last\"]} size={[12, \"narrow\"]}>\n <Button\n variant={actionButton.variant}\n type={actionButton.type}\n fullWidth\n onClick={() => {\n onButtonClick(\"action\");\n }}\n >\n {actionButton.text}\n </Button>\n </Column>\n )}\n {cancelButtonText && (\n <Column size={[12, \"narrow\"]}>\n <Button\n variant=\"secondary\"\n fullWidth\n onClick={() => {\n onButtonClick(\"cancel\");\n }}\n >\n {cancelButtonText}\n </Button>\n </Column>\n )}\n </Columns>\n );\n}\n"],"names":["ButtonGroup","_ref","cancelButtonText","actionButton","onButtonClick","dataE2eTestId","React","createElement","Columns","gap","alignItems","Column","order","size","Button","variant","type","fullWidth","onClick","text"],"mappings":";;;;AAmBO,SAASA,WAAWA,CAAAC,IAAA,EAKc;EAAA,IALb;IAC1BC,gBAAgB;IAChBC,YAAY;IACZC,aAAa;AACb,IAAA,kBAAkB,EAAEC,aAAAA;AACJ,GAAC,GAAAJ,IAAA,CAAA;AACjB,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,GAAG,EAAC,GAAG;AACPC,IAAAA,UAAU,EAAE,CAAC,cAAc,EAAE,OAAO,CAAE;AACtC,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,aAAA;AAAa,GAAA,EAEvBF,YAAY,iBACXG,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAE;AAACC,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eACrDP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;IACLC,OAAO,EAAEZ,YAAY,CAACY,OAAQ;IAC9BC,IAAI,EAAEb,YAAY,CAACa,IAAK;IACxBC,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbd,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;AAAE,GAAA,EAEDD,YAAY,CAACgB,~~IAAI~~,~~CACX~~,~~CAEZ~~,EACAjB,gBAAgB,iBACfI,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACE,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eAC3BP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AACLC,IAAAA,OAAO,EAAC,WAAW;IACnBE,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbd,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;GAECF,EAAAA,~~gBAAgB~~,~~CACV~~,~~CAEZ~~,~~CACO~~,CAAA;AAEd;;;;"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../../../src/components/Patterns/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseVariations, MQ, SpaceSizes } from \"../../../types\";\nimport { Columns, Column } from \"../../Column/Columns\";\nimport { Button } from \"../../Button/Button\";\n\nexport type ActionButtonProps = {\n text: string;\n type?: \"button\" \| \"submit\";\n variant: BaseVariations;\n};\n\nexport type ButtonGroupProps = {\n actionButton?: ActionButtonProps;\n cancelButtonText?: string;\n onButtonClick?: (action: \"cancel\" \| \"action\") => void;\n space?: MQ<SpaceSizes> \| SpaceSizes;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function ButtonGroup({\n cancelButtonText,\n actionButton,\n onButtonClick,\n \"data-e2e-test-id\": dataE2eTestId,\n}: ButtonGroupProps): React.ReactElement {\n return (\n <Columns\n gap=\"s\"\n alignItems={[\"spaceBetween\", \"right\"]}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"ButtonGroup\"\n >\n {actionButton && (\n <Column order={[\"first\", \"last\"]} size={[12, \"narrow\"]}>\n <Button\n variant={actionButton.variant}\n type={actionButton.type}\n fullWidth\n onClick={() => {\n onButtonClick(\"action\");\n }}\n >\n {actionButton.text}\n </Button>\n </Column>\n )}\n {cancelButtonText && (\n <Column size={[12, \"narrow\"]}>\n <Button\n variant=\"secondary\"\n fullWidth\n onClick={() => {\n onButtonClick(\"cancel\");\n }}\n >\n {cancelButtonText}\n </Button>\n </Column>\n )}\n </Columns>\n );\n}\n"],"names":["ButtonGroup","_ref","cancelButtonText","actionButton","onButtonClick","dataE2eTestId","React","createElement","Columns","gap","alignItems","Column","order","size","Button","variant","type","fullWidth","onClick","text"],"mappings":";;;;AAmBO,SAASA,WAAWA,CAAAC,IAAA,EAKc;EAAA,IALb;IAC1BC,gBAAgB;IAChBC,YAAY;IACZC,aAAa;AACb,IAAA,kBAAkB,EAAEC,aAAAA;AACJ,GAAC,GAAAJ,IAAA,CAAA;AACjB,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,GAAG,EAAC,GAAG;AACPC,IAAAA,UAAU,EAAE,CAAC,cAAc,EAAE,OAAO,CAAE;AACtC,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,aAAA;AAAa,GAAA,EAEvBF,YAAY,iBACXG,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,MAAM,CAAE;AAACC,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eACrDP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;IACLC,OAAO,EAAEZ,YAAY,CAACY,OAAQ;IAC9BC,IAAI,EAAEb,YAAY,CAACa,IAAK;IACxBC,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbd,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;AAAE,GAAA,EAEDD,YAAY,CAACgB,IACR,CACF,CACT,EACAjB,gBAAgB,iBACfI,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACE,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eAC3BP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AACLC,IAAAA,OAAO,EAAC,WAAW;IACnBE,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbd,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;GAECF,EAAAA,gBACK,CACF,CAEH,CAAC,CAAA;AAEd;;;;"}

package/build/esm/src/components/Patterns/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Patterns/Modal/Modal.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { H2, H4, H6 } from \"../../Typography/Header/Header\";\nimport { Stack, StackProps } from \"../../Stack/Stack\";\nimport { Container } from \"../../Container/Container\";\nimport { Box } from \"../../Box/Box\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { ButtonGroup, ActionButtonProps } from \"../ButtonGroup/ButtonGroup\";\nimport { Button } from \"../../Button/Button\";\nimport { Text, TextProps } from \"../../Typography/Text/Text\";\nimport { HorizontalAlignment, MQ } from \"../../../types\";\nimport { mqValue } from \"../../../shared/mediaQueries\";\nimport { useOnEscapePress } from \"../../../shared/useOnEscapePress\";\nimport { useOutsideClick } from \"../../../shared/useOutsideClick\";\n\nexport type ModalProps = {\n header: string;\n onAction: (action: \"cancel\" \| \"action\") => void;\n role?: \"dialog\" \| \"alertdialog\";\n labelHeader?: string;\n /** The black color is going to be replaced with gray one /\n subHeader?: string;\n /* Aspect ratio 16:9 /\n imageUrl?: string;\n actionButton?: ActionButtonProps;\n cancelButtonLabel?: string;\n /* Aim to use <Modal.Text> and <Modal.Stack> /\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n privateProps?: { skipPortal?: boolean };\n};\n\nconst defaultModalProps: Partial<ModalProps> = {\n role: \"dialog\",\n \"data-e2e-test-id\": undefined,\n privateProps: { skipPortal: false },\n};\n\nconst StyledBackdrop = styled.div(({ theme }) => ({\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100vh\",\n background: theme.values.color.background.backdrop,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flex: \"1 0 auto\",\n}));\n\nconst StyledModalWrapper = styled.div(({ theme }) => ({\n maxWidth: theme.variables.size.dimension.modal.width,\n ...mqValue({\n width: [\n `calc(100vw - calc(${theme.variables.size.spacing.m} 2))`,\n theme.variables.size.dimension.modal.width,\n ],\n }),\n}));\n\nconst StyledInner = styled.div(() => ({\n display: \"flex\",\n maxHeight: `calc(100vh - 100px)`,\n flexDirection: \"column\",\n overflow: \"hidden\",\n}));\n\nconst StyledBody = styled.div(() => ({\n overflowY: \"auto\",\n maxHeight: \"100%\",\n}));\n\nconst StyledImg = styled.img(() => ({\n width: \"100%\",\n aspectRatio: \"16/9\",\n}));\n\nconst ModalStack = ({ children, ...rest }: Omit<StackProps, \"space\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Stack {...rest} space=\"m\">\n {children}\n </Stack>\n);\n\nconst ModalText = ({\n children,\n ...rest\n}: Omit<TextProps, \"size\" \| \"variant\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Text {...rest} size=\"m\" variant=\"tertiary\">\n {children}\n </Text>\n);\n\nconst Footer = ({\n children,\n alignItems = [\"spaceBetween\", \"right\"],\n}: {\n children: React.ReactNode[] \| React.ReactElement;\n alignItems?: MQ<HorizontalAlignment> \| HorizontalAlignment;\n}) => (\n <Box space=\"zero\" tSpace=\"l\">\n <Stack alignItems={alignItems}>{children}</Stack>\n </Box>\n);\n\nconst Wrapper = ({\n skipPortal,\n children,\n}: {\n skipPortal: boolean;\n children: React.ReactElement;\n}): React.ReactElement =>\n skipPortal ? (\n <>{children}</>\n ) : (\n <Portal>\n <StyledBackdrop>{children}</StyledBackdrop>\n </Portal>\n );\n\nconst ButtonClose = ({ onClick }: { onClick: React.ReactEventHandler }) => (\n <Button variant=\"tertiary\" leftIcon=\"x\" size=\"s\" onClick={onClick} />\n);\n\nexport function Modal({\n header,\n subHeader,\n labelHeader,\n children,\n imageUrl,\n cancelButtonLabel,\n actionButton,\n role,\n onAction,\n privateProps: { skipPortal },\n \"data-e2e-test-id\": dataE2eTestId,\n}: ModalProps): React.ReactElement {\n const modalRef = useRef(null);\n const handleClose = () => {\n onAction(\"cancel\");\n };\n const hasBackdropDismiss = !skipPortal;\n useOutsideClick(modalRef, handleClose, hasBackdropDismiss);\n useOnEscapePress(handleClose, [handleClose]);\n\n return (\n <Wrapper skipPortal={skipPortal}>\n <StyledModalWrapper\n ref={modalRef}\n role={role}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Modal\"\n >\n <Container elevation={4}>\n <Box space={[\"m\", \"xl\"]}>\n <StyledInner>\n <Box space=\"zero\" bSpace=\"s\">\n <Stack space={imageUrl ? [\"s\", \"l\"] : \"zero\"}>\n {imageUrl && (\n <>\n <Inline alignItems=\"right\">\n <ButtonClose onClick={handleClose} />\n </Inline>\n <StyledImg src={imageUrl} />\n </>\n )}\n <Inline alignItems=\"spaceBetween\" noWrap>\n <Stack space=\"xs\">\n {labelHeader && <H6>{labelHeader}</H6>}\n <Stack space=\"xxs\">\n <H2>{header}</H2>\n {subHeader && <H4>{subHeader}</H4>}\n </Stack>\n </Stack>\n {!imageUrl && <ButtonClose onClick={handleClose} />}\n </Inline>\n </Stack>\n </Box>\n\n <StyledBody>{children}</StyledBody>\n\n {(actionButton \|\| cancelButtonLabel) && (\n <Footer>\n <ButtonGroup\n actionButton={actionButton}\n cancelButtonText={cancelButtonLabel}\n onButtonClick={onAction}\n />\n </Footer>\n )}\n </StyledInner>\n </Box>\n </Container>\n </StyledModalWrapper>\n </Wrapper>\n );\n}\n\nModal.defaultProps = defaultModalProps;\n\nModal.Stack = ModalStack;\nModal.Text = ModalText;\n"],"names":["defaultModalProps","role","undefined","privateProps","skipPortal","StyledBackdrop","_styled","process","env","NODE_ENV","target","label","_ref","theme","position","top","left","width","height","background","values","color","backdrop","display","flexDirection","justifyContent","alignItems","flex","StyledModalWrapper","_ref2","maxWidth","variables","size","dimension","modal","mqValue","spacing","m","StyledInner","maxHeight","overflow","StyledBody","overflowY","StyledImg","aspectRatio","ModalStack","_ref3","children","rest","React","createElement","Stack","_extends","space","ModalText","_ref4","Text","variant","Footer","_ref5","Box","tSpace","Wrapper","_ref6","Fragment","Portal","ButtonClose","_ref7","onClick","Button","leftIcon","Modal","_ref8","header","subHeader","labelHeader","imageUrl","cancelButtonLabel","actionButton","onAction","dataE2eTestId","modalRef","useRef","handleClose","hasBackdropDismiss","useOutsideClick","useOnEscapePress","ref","Container","elevation","bSpace","Inline","src","noWrap","H6","H2","H4","ButtonGroup","cancelButtonText","onButtonClick","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../../../src/components/Patterns/Modal/Modal.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Portal } from \"../../Portal/Portal\";\nimport { H2, H4, H6 } from \"../../Typography/Header/Header\";\nimport { Stack, StackProps } from \"../../Stack/Stack\";\nimport { Container } from \"../../Container/Container\";\nimport { Box } from \"../../Box/Box\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { ButtonGroup, ActionButtonProps } from \"../ButtonGroup/ButtonGroup\";\nimport { Button } from \"../../Button/Button\";\nimport { Text, TextProps } from \"../../Typography/Text/Text\";\nimport { HorizontalAlignment, MQ } from \"../../../types\";\nimport { mqValue } from \"../../../shared/mediaQueries\";\nimport { useOnEscapePress } from \"../../../shared/useOnEscapePress\";\nimport { useOutsideClick } from \"../../../shared/useOutsideClick\";\n\nexport type ModalProps = {\n header: string;\n onAction: (action: \"cancel\" \| \"action\") => void;\n role?: \"dialog\" \| \"alertdialog\";\n labelHeader?: string;\n /** The black color is going to be replaced with gray one /\n subHeader?: string;\n /* Aspect ratio 16:9 /\n imageUrl?: string;\n actionButton?: ActionButtonProps;\n cancelButtonLabel?: string;\n /* Aim to use <Modal.Text> and <Modal.Stack> /\n children: React.ReactNode;\n \"data-e2e-test-id\"?: string;\n privateProps?: { skipPortal?: boolean };\n};\n\nconst defaultModalProps: Partial<ModalProps> = {\n role: \"dialog\",\n \"data-e2e-test-id\": undefined,\n privateProps: { skipPortal: false },\n};\n\nconst StyledBackdrop = styled.div(({ theme }) => ({\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100vh\",\n background: theme.values.color.background.backdrop,\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n alignItems: \"center\",\n flex: \"1 0 auto\",\n}));\n\nconst StyledModalWrapper = styled.div(({ theme }) => ({\n maxWidth: theme.variables.size.dimension.modal.width,\n ...mqValue({\n width: [\n `calc(100vw - calc(${theme.variables.size.spacing.m} 2))`,\n theme.variables.size.dimension.modal.width,\n ],\n }),\n}));\n\nconst StyledInner = styled.div(() => ({\n display: \"flex\",\n maxHeight: `calc(100vh - 100px)`,\n flexDirection: \"column\",\n overflow: \"hidden\",\n}));\n\nconst StyledBody = styled.div(() => ({\n overflowY: \"auto\",\n maxHeight: \"100%\",\n}));\n\nconst StyledImg = styled.img(() => ({\n width: \"100%\",\n aspectRatio: \"16/9\",\n}));\n\nconst ModalStack = ({ children, ...rest }: Omit<StackProps, \"space\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Stack {...rest} space=\"m\">\n {children}\n </Stack>\n);\n\nconst ModalText = ({\n children,\n ...rest\n}: Omit<TextProps, \"size\" \| \"variant\">) => (\n // eslint-disable-next-line react/jsx-props-no-spreading\n <Text {...rest} size=\"m\" variant=\"tertiary\">\n {children}\n </Text>\n);\n\nconst Footer = ({\n children,\n alignItems = [\"spaceBetween\", \"right\"],\n}: {\n children: React.ReactNode[] \| React.ReactElement;\n alignItems?: MQ<HorizontalAlignment> \| HorizontalAlignment;\n}) => (\n <Box space=\"zero\" tSpace=\"l\">\n <Stack alignItems={alignItems}>{children}</Stack>\n </Box>\n);\n\nconst Wrapper = ({\n skipPortal,\n children,\n}: {\n skipPortal: boolean;\n children: React.ReactElement;\n}): React.ReactElement =>\n skipPortal ? (\n <>{children}</>\n ) : (\n <Portal>\n <StyledBackdrop>{children}</StyledBackdrop>\n </Portal>\n );\n\nconst ButtonClose = ({ onClick }: { onClick: React.ReactEventHandler }) => (\n <Button variant=\"tertiary\" leftIcon=\"x\" size=\"s\" onClick={onClick} />\n);\n\nexport function Modal({\n header,\n subHeader,\n labelHeader,\n children,\n imageUrl,\n cancelButtonLabel,\n actionButton,\n role,\n onAction,\n privateProps: { skipPortal },\n \"data-e2e-test-id\": dataE2eTestId,\n}: ModalProps): React.ReactElement {\n const modalRef = useRef(null);\n const handleClose = () => {\n onAction(\"cancel\");\n };\n const hasBackdropDismiss = !skipPortal;\n useOutsideClick(modalRef, handleClose, hasBackdropDismiss);\n useOnEscapePress(handleClose, [handleClose]);\n\n return (\n <Wrapper skipPortal={skipPortal}>\n <StyledModalWrapper\n ref={modalRef}\n role={role}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Modal\"\n >\n <Container elevation={4}>\n <Box space={[\"m\", \"xl\"]}>\n <StyledInner>\n <Box space=\"zero\" bSpace=\"s\">\n <Stack space={imageUrl ? [\"s\", \"l\"] : \"zero\"}>\n {imageUrl && (\n <>\n <Inline alignItems=\"right\">\n <ButtonClose onClick={handleClose} />\n </Inline>\n <StyledImg src={imageUrl} />\n </>\n )}\n <Inline alignItems=\"spaceBetween\" noWrap>\n <Stack space=\"xs\">\n {labelHeader && <H6>{labelHeader}</H6>}\n <Stack space=\"xxs\">\n <H2>{header}</H2>\n {subHeader && <H4>{subHeader}</H4>}\n </Stack>\n </Stack>\n {!imageUrl && <ButtonClose onClick={handleClose} />}\n </Inline>\n </Stack>\n </Box>\n\n <StyledBody>{children}</StyledBody>\n\n {(actionButton \|\| cancelButtonLabel) && (\n <Footer>\n <ButtonGroup\n actionButton={actionButton}\n cancelButtonText={cancelButtonLabel}\n onButtonClick={onAction}\n />\n </Footer>\n )}\n </StyledInner>\n </Box>\n </Container>\n </StyledModalWrapper>\n </Wrapper>\n );\n}\n\nModal.defaultProps = defaultModalProps;\n\nModal.Stack = ModalStack;\nModal.Text = ModalText;\n"],"names":["defaultModalProps","role","undefined","privateProps","skipPortal","StyledBackdrop","_styled","process","env","NODE_ENV","target","label","_ref","theme","position","top","left","width","height","background","values","color","backdrop","display","flexDirection","justifyContent","alignItems","flex","StyledModalWrapper","_ref2","maxWidth","variables","size","dimension","modal","mqValue","spacing","m","StyledInner","maxHeight","overflow","StyledBody","overflowY","StyledImg","aspectRatio","ModalStack","_ref3","children","rest","React","createElement","Stack","_extends","space","ModalText","_ref4","Text","variant","Footer","_ref5","Box","tSpace","Wrapper","_ref6","Fragment","Portal","ButtonClose","_ref7","onClick","Button","leftIcon","Modal","_ref8","header","subHeader","labelHeader","imageUrl","cancelButtonLabel","actionButton","onAction","dataE2eTestId","modalRef","useRef","handleClose","hasBackdropDismiss","useOutsideClick","useOnEscapePress","ref","Container","elevation","bSpace","Inline","src","noWrap","H6","H2","H4","ButtonGroup","cancelButtonText","onButtonClick","defaultProps"],"mappings":"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"}

package/build/esm/src/components/PictogramButton/PictogramButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n ({ theme, variant, size, squareCorners }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: theme.variables.size.borderRadius.button.m,\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xxs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n backgroundColor: theme.values.color.background.button[variant].base,\n color: theme.values.color.text.button[variant].base,\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button[variant].hover,\n color: theme.values.color.text.button[variant].hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.button[variant].active,\n color: theme.values.color.text.button[variant].active,\n },\n ...(variant === \"secondary\" && {\n border: \"1px solid\",\n borderColor: theme.values.color.border.button[variant].base,\n padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n \"&:hover\": {\n borderColor: theme.values.color.border.button[variant].hover,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.button[variant].active,\n },\n }),\n ...(squareCorners && {\n borderRadius: \"0\",\n }),\n ...((size === \"s\" \|\| size === \"m\") && {\n padding: theme.variables.size.spacing.xs,\n }),\n })\n);\n\nexport type PictogramButtonProps = Pick<\n ButtonProps,\n \| \"variant\"\n \| \"type\"\n \| \"disabled\"\n \| \"onClick\"\n \| \"onFocus\"\n \| \"onBlur\"\n \| \"data-e2e-test-id\"\n> & {\n /* The centered icon to be displayed. /\n icon: IconName;\n /* If true, the button has square corners. /\n squareCorners?: boolean;\n /* Size */\n size?: \"xs\" \| \"s\" \| \"m\";\n};\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement \| null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n <C extends React.ElementType = \"button\">(\n {\n type = \"button\",\n size = \"xs\",\n variant = \"tertiary\",\n disabled = false,\n onClick,\n onFocus,\n onBlur,\n \"data-e2e-test-id\": dataE2eTestId,\n as,\n icon,\n squareCorners = false,\n ...rest\n }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n ref?: PolymorphicRef<C>\n ) => {\n function handleClick(e: React.MouseEvent) {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }\n const iconSize = size === \"m\" ? \"m\" : \"s\";\n\n return (\n <StyledPictogramButton\n ref={ref}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"PictogramButton\"\n as={as}\n disabled={disabled}\n type={as && as !== \"button\" ? undefined : type}\n variant={variant}\n size={size}\n squareCorners={squareCorners}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n {...rest}\n >\n <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n <Icon\n size={iconSize}\n name={icon}\n data-testid={icon}\n data-e2e-test-id={icon}\n />\n </Inline>\n </StyledPictogramButton>\n );\n }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","size","squareCorners","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","variables","button","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","base","text","hover","active","borderColor","parseInt","xs","PictogramButton","React","forwardRef","_ref2","ref","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","e","preventDefault","iconSize","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,i3LAAA,~~CAAA~~,CAAA~~;AAwBM,MAAM6C,eAAyC,gBAAGC,KAAK,CAACC,UAAU,CACvE,CAAAC,KAAA,EAeEC,GAAuB,KACpB;EAAA,IAfH;AACEC,IAAAA,IAAI,GAAG,QAAQ;AACf5C,IAAAA,IAAI,GAAG,IAAI;AACXD,IAAAA,OAAO,GAAG,UAAU;AACpB2B,IAAAA,QAAQ,GAAG,KAAK;IAChBmB,OAAO;IACPC,OAAO;IACPC,MAAM;AACN,IAAA,kBAAkB,EAAEC,aAAa;IACjCC,EAAE;IACFC,IAAI;AACJjD,IAAAA,aAAa,GAAG,KAAK;IACrB,GAAGkD,IAAAA;AACsD,GAAC,GAAAT,KAAA,CAAA;EAG5D,SAASU,WAAWA,CAACC,CAAmB,EAAE;AACxC,IAAA,IAAI3B,QAAQ,EAAE;MACZ2B,CAAC,CAACC,cAAc,EAAE,CAAA;AACpB,KAAA;AACA,IAAA,IAAIT,OAAO,EAAE;MACXA,OAAO,CAACQ,CAAC,CAAC,CAAA;AACZ,KAAA;AACF,GAAA;EACA,MAAME,QAAQ,GAAGvD,IAAI,KAAK,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAEzC,EAAA,oBACEwC,KAAA,CAAAgB,aAAA,CAAClE,qBAAqB,EAAAmE,QAAA,CAAA;AACpBd,IAAAA,GAAG,EAAEA,GAAI;AACT,IAAA,kBAAA,EAAkBK,aAAc;AAChC,IAAA,YAAA,EAAW,iBAAiB;AAC5BC,IAAAA,EAAE,EAAEA,EAAG;AACPvB,IAAAA,QAAQ,EAAEA,QAAS;IACnBkB,IAAI,EAAEK,EAAE,IAAIA,EAAE,KAAK,QAAQ,GAAGS,SAAS,GAAGd,IAAK;AAC/C7C,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,aAAa,EAAEA,aAAc;AAC7B4C,IAAAA,OAAO,EAAEO,WAAY;AACrBN,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EACXI,IAAI,CAERX,eAAAA,KAAA,CAAAgB,aAAA,CAACG,MAAM,EAAA;AAACC,IAAAA,WAAW,EAAC,QAAQ;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACC,IAAAA,KAAK,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,eACjEvB,KAAA,CAAAgB,aAAA,CAACQ,IAAI,EAAA;AACHhE,IAAAA,IAAI,EAAEuD,QAAS;AACfU,IAAAA,IAAI,EAAEf,IAAK;AACX,IAAA,aAAA,EAAaA,IAAK;IAClB,kBAAkBA,EAAAA,IAAAA;~~AAAK~~,~~GAAA,CACvB,~~CACK,CACa,CAAA;AAE5B,~~CAAC~~;;;;"}
1	+ {"version":3,"file":"PictogramButton.js","sources":["../../../../../src/components/PictogramButton/PictogramButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { PolymorphicComponentPropsWithRef, PolymorphicRef } from \"../../types\";\n\nconst StyledPictogramButton = styled.button<Partial<PictogramButtonProps>>(\n ({ theme, variant, size, squareCorners }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: theme.variables.size.borderRadius.button.m,\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xxs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n backgroundColor: theme.values.color.background.button[variant].base,\n color: theme.values.color.text.button[variant].base,\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button[variant].hover,\n color: theme.values.color.text.button[variant].hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.button[variant].active,\n color: theme.values.color.text.button[variant].active,\n },\n ...(variant === \"secondary\" && {\n border: \"1px solid\",\n borderColor: theme.values.color.border.button[variant].base,\n padding: parseInt(theme.variables.size.spacing.xxs, 10) - 1,\n \"&:hover\": {\n borderColor: theme.values.color.border.button[variant].hover,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.button[variant].active,\n },\n }),\n ...(squareCorners && {\n borderRadius: \"0\",\n }),\n ...((size === \"s\" \|\| size === \"m\") && {\n padding: theme.variables.size.spacing.xs,\n }),\n })\n);\n\nexport type PictogramButtonProps = Pick<\n ButtonProps,\n \| \"variant\"\n \| \"type\"\n \| \"disabled\"\n \| \"onClick\"\n \| \"onFocus\"\n \| \"onBlur\"\n \| \"data-e2e-test-id\"\n> & {\n /* The centered icon to be displayed. /\n icon: IconName;\n /* If true, the button has square corners. /\n squareCorners?: boolean;\n /* Size */\n size?: \"xs\" \| \"s\" \| \"m\";\n};\n\ntype PictogramButtonComponent = <C extends React.ElementType = \"button\">(\n props: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>\n) => React.ReactElement \| null;\n\nexport const PictogramButton: PictogramButtonComponent = React.forwardRef(\n <C extends React.ElementType = \"button\">(\n {\n type = \"button\",\n size = \"xs\",\n variant = \"tertiary\",\n disabled = false,\n onClick,\n onFocus,\n onBlur,\n \"data-e2e-test-id\": dataE2eTestId,\n as,\n icon,\n squareCorners = false,\n ...rest\n }: PolymorphicComponentPropsWithRef<C, PictogramButtonProps>,\n ref?: PolymorphicRef<C>\n ) => {\n function handleClick(e: React.MouseEvent) {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }\n const iconSize = size === \"m\" ? \"m\" : \"s\";\n\n return (\n <StyledPictogramButton\n ref={ref}\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"PictogramButton\"\n as={as}\n disabled={disabled}\n type={as && as !== \"button\" ? undefined : type}\n variant={variant}\n size={size}\n squareCorners={squareCorners}\n onClick={handleClick}\n onFocus={onFocus}\n onBlur={onBlur}\n {...rest}\n >\n <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n <Icon\n size={iconSize}\n name={icon}\n data-testid={icon}\n data-e2e-test-id={icon}\n />\n </Inline>\n </StyledPictogramButton>\n );\n }\n);\n"],"names":["StyledPictogramButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","size","squareCorners","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","variables","button","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","padding","spacing","xxs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","base","text","hover","active","borderColor","parseInt","xs","PictogramButton","React","forwardRef","_ref2","ref","type","onClick","onFocus","onBlur","dataE2eTestId","as","icon","rest","handleClick","e","preventDefault","iconSize","createElement","_extends","undefined","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}

package/build/esm/src/components/Portal/Portal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Portal.js","sources":["../../../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useDocument } from \"../../shared/useDocument\";\n\nexport const AMBOSS_DS_PORTAL = \"amboss-ds-portal\";\n\ntype PortalProps = {\n children: React.ReactNode;\n};\n\nexport function Portal({ children }: PortalProps): React.ReactElement {\n const document = useDocument();\n const [node] = useState<Element>(\n document.querySelector(`.${AMBOSS_DS_PORTAL}`) \|\| document.body\n );\n\n return ReactDOM.createPortal(children, node);\n}\n"],"names":["AMBOSS_DS_PORTAL","Portal","_ref","children","document","useDocument","node","useState","querySelector","body","ReactDOM","createPortal"],"mappings":";;;;AAIO,MAAMA,gBAAgB,GAAG,mBAAkB;AAM3C,SAASC,MAAMA,CAAAC,IAAA,EAAgD;EAAA,IAA/C;AAAEC,IAAAA,QAAAA;AAAsB,GAAC,GAAAD,IAAA,CAAA;~~EAC9C~~,MAAME,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,MAAM,CAACC,IAAI,CAAC,GAAGC,QAAQ,CACrBH,QAAQ,CAACI,aAAa,CAAE,CAAA,CAAA,EAAGR,gBAAiB,CAAC,CAAA,CAAC,IAAII,QAAQ,CAACK,~~IAAI~~,~~CAChE~~,CAAA;AAED,EAAA,oBAAOC,QAAQ,CAACC,YAAY,CAACR,QAAQ,EAAEG,IAAI,CAAC,CAAA;AAC9C;;;;"}
1	+ {"version":3,"file":"Portal.js","sources":["../../../../../src/components/Portal/Portal.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { useDocument } from \"../../shared/useDocument\";\n\nexport const AMBOSS_DS_PORTAL = \"amboss-ds-portal\";\n\ntype PortalProps = {\n children: React.ReactNode;\n};\n\nexport function Portal({ children }: PortalProps): React.ReactElement {\n const document = useDocument();\n const [node] = useState<Element>(\n document.querySelector(`.${AMBOSS_DS_PORTAL}`) \|\| document.body\n );\n\n return ReactDOM.createPortal(children, node);\n}\n"],"names":["AMBOSS_DS_PORTAL","Portal","_ref","children","document","useDocument","node","useState","querySelector","body","ReactDOM","createPortal"],"mappings":";;;;AAIO,MAAMA,gBAAgB,GAAG,mBAAkB;AAM3C,SAASC,MAAMA,CAAAC,IAAA,EAAgD;EAAA,IAA/C;AAAEC,IAAAA,QAAAA;AAAsB,GAAC,GAAAD,IAAA,CAAA;AAC9C,EAAA,MAAME,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,MAAM,CAACC,IAAI,CAAC,GAAGC,QAAQ,CACrBH,QAAQ,CAACI,aAAa,CAAE,CAAA,CAAA,EAAGR,gBAAiB,CAAC,CAAA,CAAC,IAAII,QAAQ,CAACK,IAC7D,CAAC,CAAA;AAED,EAAA,oBAAOC,QAAQ,CAACC,YAAY,CAACR,QAAQ,EAAEG,IAAI,CAAC,CAAA;AAC9C;;;;"}

package/build/esm/src/components/ProgressBar/ProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ProgressBarWeight,\n SegmentedProgressBar,\n} from \"../SegmentedProgressBar/SegmentedProgressBar\";\n\nexport type ProgressBarProps = {\n /** The value for 100% progress. Consumer does not need to do percentage calculation. /\n maxValue: number;\n /* The value already progressed. If progress >= maxValue the bar is filled completely */\n progress: number;\n squareCorners?: boolean;\n weight?: ProgressBarWeight;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<ProgressBarProps> = {\n \"data-e2e-test-id\": undefined,\n weight: \"fat\",\n squareCorners: false,\n};\n\nexport function ProgressBar({\n maxValue,\n progress,\n weight,\n squareCorners,\n \"data-e2e-test-id\": dataE2eTestId,\n}: ProgressBarProps): React.ReactElement {\n return (\n <SegmentedProgressBar\n maxValue={maxValue}\n values={{ success: progress }}\n weight={weight}\n squareCorners={squareCorners}\n data-e2e-test-id={dataE2eTestId}\n privateProps={{ monochrome: true }}\n />\n );\n}\n\nProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","ProgressBar","_ref","maxValue","progress","dataE2eTestId","React","createElement","SegmentedProgressBar","values","success","privateProps","monochrome"],"mappings":";;;AAgBA,MAAMA,YAAuC,GAAG;AAC9C,EAAA,kBAAkB,EAAEC,SAAS;AAC7BC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,CAAA;AAEM,SAASC,WAAWA,CAAAC,IAAA,EAMc;EAAA,IANb;IAC1BC,QAAQ;IACRC,QAAQ;IACRL,MAAM;IACNC,aAAa;AACb,IAAA,kBAAkB,EAAEK,aAAAA;AACJ,GAAC,GAAAH,IAAA,CAAA;AACjB,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAACC,oBAAoB,EAAA;AACnBL,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAEN,QAAAA;KAAW;AAC9BL,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,kBAAA,EAAkBK,aAAc;AAChCM,IAAAA,YAAY,EAAE;AAAEC,MAAAA,UAAU,EAAE,IAAA;AAAK,KAAA;~~GACjC~~,~~CAAA~~,CAAA;AAEN,CAAA;AAEAX,WAAW,CAACJ,YAAY,GAAGA,YAAY;;;;"}
1	+ {"version":3,"file":"ProgressBar.js","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ProgressBarWeight,\n SegmentedProgressBar,\n} from \"../SegmentedProgressBar/SegmentedProgressBar\";\n\nexport type ProgressBarProps = {\n /** The value for 100% progress. Consumer does not need to do percentage calculation. /\n maxValue: number;\n /* The value already progressed. If progress >= maxValue the bar is filled completely */\n progress: number;\n squareCorners?: boolean;\n weight?: ProgressBarWeight;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<ProgressBarProps> = {\n \"data-e2e-test-id\": undefined,\n weight: \"fat\",\n squareCorners: false,\n};\n\nexport function ProgressBar({\n maxValue,\n progress,\n weight,\n squareCorners,\n \"data-e2e-test-id\": dataE2eTestId,\n}: ProgressBarProps): React.ReactElement {\n return (\n <SegmentedProgressBar\n maxValue={maxValue}\n values={{ success: progress }}\n weight={weight}\n squareCorners={squareCorners}\n data-e2e-test-id={dataE2eTestId}\n privateProps={{ monochrome: true }}\n />\n );\n}\n\nProgressBar.defaultProps = defaultProps;\n"],"names":["defaultProps","undefined","weight","squareCorners","ProgressBar","_ref","maxValue","progress","dataE2eTestId","React","createElement","SegmentedProgressBar","values","success","privateProps","monochrome"],"mappings":";;;AAgBA,MAAMA,YAAuC,GAAG;AAC9C,EAAA,kBAAkB,EAAEC,SAAS;AAC7BC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,aAAa,EAAE,KAAA;AACjB,CAAC,CAAA;AAEM,SAASC,WAAWA,CAAAC,IAAA,EAMc;EAAA,IANb;IAC1BC,QAAQ;IACRC,QAAQ;IACRL,MAAM;IACNC,aAAa;AACb,IAAA,kBAAkB,EAAEK,aAAAA;AACJ,GAAC,GAAAH,IAAA,CAAA;AACjB,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAACC,oBAAoB,EAAA;AACnBL,IAAAA,QAAQ,EAAEA,QAAS;AACnBM,IAAAA,MAAM,EAAE;AAAEC,MAAAA,OAAO,EAAEN,QAAAA;KAAW;AAC9BL,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,kBAAA,EAAkBK,aAAc;AAChCM,IAAAA,YAAY,EAAE;AAAEC,MAAAA,UAAU,EAAE,IAAA;AAAK,KAAA;AAAE,GACpC,CAAC,CAAA;AAEN,CAAA;AAEAX,WAAW,CAACJ,YAAY,GAAGA,YAAY;;;;"}

package/build/esm/src/components/RoundButton/RoundButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoundButton.js","sources":["../../../../../src/components/RoundButton/RoundButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { AsProp } from \"../../types\";\n\nconst StyledRoundButton = styled.button<Partial<RoundButtonProps>>(\n ({ theme, variant }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: \"100%\",\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n backgroundColor: theme.values.color.background.button[variant].base,\n color: theme.values.color.text.button[variant].base,\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button[variant].hover,\n color: theme.values.color.text.button[variant].hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.button[variant].active,\n color: theme.values.color.text.button[variant].active,\n },\n ...(variant === \"secondary\" && {\n border: \"2px solid\",\n borderColor: theme.values.color.border.toggleButton.default,\n padding: parseInt(theme.variables.size.spacing.xs, 10) - 2,\n \"&:hover\": {\n borderColor: theme.values.color.border.toggleButton.defaultHover,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.toggleButton.defaultHover,\n },\n }),\n })\n);\n\nexport type RoundButtonProps = Pick<\n ButtonProps,\n \| \"variant\"\n \| \"type\"\n \| \"disabled\"\n \| \"onClick\"\n \| \"onFocus\"\n \| \"onBlur\"\n \| \"data-e2e-test-id\"\n> & {\n /* The centered icon to be displayed. */\n icon: IconName;\n};\n\nconst defaultProps: Partial<RoundButtonProps> & AsProp<\"button\"> = {\n type: \"button\",\n variant: \"tertiary\",\n disabled: false,\n as: \"button\",\n \"data-e2e-test-id\": undefined,\n};\n\nexport function RoundButton<C extends React.ElementType = \"button\">({\n onClick,\n onFocus,\n onBlur,\n type,\n disabled,\n as,\n icon,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: RoundButtonProps & AsProp<C>): React.ReactElement {\n return (\n <StyledRoundButton\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"RoundButton\"\n as={as}\n disabled={disabled}\n type={as === \"a\" ? undefined : type}\n onClick={(e: React.MouseEvent) => {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n {...rest}\n >\n <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n {icon && (\n <Icon\n size=\"s\"\n name={icon}\n data-testid={icon}\n data-e2e-test-id={icon}\n />\n )}\n </Inline>\n </StyledRoundButton>\n );\n}\nRoundButton.defaultProps = defaultProps;\n"],"names":["StyledRoundButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","fontFamily","variables","lato","fontSize","size","font","button","m","lineHeight","fontWeight","weight","bold","padding","spacing","xs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","base","text","hover","active","borderColor","toggleButton","default","parseInt","defaultHover","defaultProps","type","as","undefined","RoundButton","_ref2","onClick","onFocus","onBlur","icon","dataE2eTestId","rest","React","createElement","_extends","e","preventDefault","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,qzJAAA,~~CAAA~~,CAAA~~;AAgBD,MAAM8C,YAA0D,GAAG;AACjEC,EAAAA,IAAI,EAAE,QAAQ;AACd1C,EAAAA,OAAO,EAAE,UAAU;AACnB0B,EAAAA,QAAQ,EAAE,KAAK;AACfiB,EAAAA,EAAE,EAAE,QAAQ;AACZ,EAAA,kBAAkB,EAAEC,SAAAA;AACtB,CAAC,CAAA;AAEM,SAASC,WAAWA,CAAAC,KAAA,EAU0B;EAAA,IAVe;IAClEC,OAAO;IACPC,OAAO;IACPC,MAAM;IACNP,IAAI;IACJhB,QAAQ;IACRiB,EAAE;IACFO,IAAI;AACJ,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,IAAAA;AACyB,GAAC,GAAAN,KAAA,CAAA;AAC7B,EAAA,oBACEO,KAAA,CAAAC,aAAA,CAAC/D,iBAAiB,EAAAgE,QAAA,CAAA;AAChB,IAAA,kBAAA,EAAkBJ,aAAc;AAChC,IAAA,YAAA,EAAW,aAAa;AACxBR,IAAAA,EAAE,EAAEA,EAAG;AACPjB,IAAAA,QAAQ,EAAEA,QAAS;AACnBgB,IAAAA,IAAI,EAAEC,EAAE,KAAK,GAAG,GAAGC,SAAS,GAAGF,IAAK;IACpCK,OAAO,EAAGS,CAAmB,IAAK;AAChC,MAAA,IAAI9B,QAAQ,EAAE;QACZ8B,CAAC,CAACC,cAAc,EAAE,CAAA;AACpB,OAAA;AACA,MAAA,IAAIV,OAAO,EAAE;QACXA,OAAO,CAACS,CAAC,CAAC,CAAA;AACZ,OAAA;KACA;AACFR,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EACXG,IAAI,CAERC,eAAAA,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,WAAW,EAAC,QAAQ;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACC,IAAAA,KAAK,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,EAChEZ,IAAI,iBACHG,KAAA,CAAAC,aAAA,CAACS,IAAI,EAAA;AACHlD,IAAAA,IAAI,EAAC,GAAG;AACRmD,IAAAA,IAAI,EAAEd,IAAK;AACX,IAAA,aAAA,EAAaA,IAAK;IAClB,kBAAkBA,EAAAA,IAAAA;~~AAAK~~,~~GAAA~~,~~CAE1B~~,~~CACM~~,~~CACS,~~CAAA;AAExB,CAAA;AACAL,WAAW,CAACJ,YAAY,GAAGA,YAAY;;;;"}
1	+ {"version":3,"file":"RoundButton.js","sources":["../../../../../src/components/RoundButton/RoundButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { ButtonProps } from \"../Button/Button\";\nimport { AsProp } from \"../../types\";\n\nconst StyledRoundButton = styled.button<Partial<RoundButtonProps>>(\n ({ theme, variant }) => ({\n \"&[type='button']\": {\n appearance: \"none\",\n MozAppearance: \"none\",\n WebkitAppearance: \"none\",\n },\n border: 0,\n display: \"inline-block\",\n textTransform: \"none\",\n textDecoration: \"none\",\n borderRadius: \"100%\",\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.button.m,\n lineHeight: theme.variables.size.lineHeight.button.m,\n fontWeight: theme.variables.weight.bold,\n padding: theme.variables.size.spacing.xs,\n cursor: \"pointer\",\n \"&[disabled], &:disabled\": {\n opacity: theme.variables.opacity.button.disabled,\n pointerEvents: \"none\",\n },\n backgroundColor: theme.values.color.background.button[variant].base,\n color: theme.values.color.text.button[variant].base,\n \"&:hover\": {\n backgroundColor: theme.values.color.background.button[variant].hover,\n color: theme.values.color.text.button[variant].hover,\n },\n \"&:active\": {\n backgroundColor: theme.values.color.background.button[variant].active,\n color: theme.values.color.text.button[variant].active,\n },\n ...(variant === \"secondary\" && {\n border: \"2px solid\",\n borderColor: theme.values.color.border.toggleButton.default,\n padding: parseInt(theme.variables.size.spacing.xs, 10) - 2,\n \"&:hover\": {\n borderColor: theme.values.color.border.toggleButton.defaultHover,\n },\n \"&:active\": {\n borderColor: theme.values.color.border.toggleButton.defaultHover,\n },\n }),\n })\n);\n\nexport type RoundButtonProps = Pick<\n ButtonProps,\n \| \"variant\"\n \| \"type\"\n \| \"disabled\"\n \| \"onClick\"\n \| \"onFocus\"\n \| \"onBlur\"\n \| \"data-e2e-test-id\"\n> & {\n /* The centered icon to be displayed. */\n icon: IconName;\n};\n\nconst defaultProps: Partial<RoundButtonProps> & AsProp<\"button\"> = {\n type: \"button\",\n variant: \"tertiary\",\n disabled: false,\n as: \"button\",\n \"data-e2e-test-id\": undefined,\n};\n\nexport function RoundButton<C extends React.ElementType = \"button\">({\n onClick,\n onFocus,\n onBlur,\n type,\n disabled,\n as,\n icon,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: RoundButtonProps & AsProp<C>): React.ReactElement {\n return (\n <StyledRoundButton\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"RoundButton\"\n as={as}\n disabled={disabled}\n type={as === \"a\" ? undefined : type}\n onClick={(e: React.MouseEvent) => {\n if (disabled) {\n e.preventDefault();\n }\n if (onClick) {\n onClick(e);\n }\n }}\n onFocus={onFocus}\n onBlur={onBlur}\n {...rest}\n >\n <Inline vAlignItems=\"center\" alignItems=\"center\" space=\"xxs\" noWrap>\n {icon && (\n <Icon\n size=\"s\"\n name={icon}\n data-testid={icon}\n data-e2e-test-id={icon}\n />\n )}\n </Inline>\n </StyledRoundButton>\n );\n}\nRoundButton.defaultProps = defaultProps;\n"],"names":["StyledRoundButton","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","appearance","MozAppearance","WebkitAppearance","border","display","textTransform","textDecoration","borderRadius","fontFamily","variables","lato","fontSize","size","font","button","m","lineHeight","fontWeight","weight","bold","padding","spacing","xs","cursor","opacity","disabled","pointerEvents","backgroundColor","values","color","background","base","text","hover","active","borderColor","toggleButton","default","parseInt","defaultHover","defaultProps","type","as","undefined","RoundButton","_ref2","onClick","onFocus","onBlur","icon","dataE2eTestId","rest","React","createElement","_extends","e","preventDefault","Inline","vAlignItems","alignItems","space","noWrap","Icon","name"],"mappings":"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"}