npm - @amboss/design-system - Versions diffs - 1.15.0 → 1.15.1 - Mend

@amboss/design-system 1.15.0 → 1.15.1

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

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.primary.default,\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.transparent.active,\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\" color=\"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","primary","default","StyledContainer","_ref3","alignItems","justifyContent","transparent","active","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name"~~,"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,~~swHACJ~~,CAAC,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,OAAO,CAACC,OAAAA;AACzD,KAAA;GACD,CAAA;AAAA,CAAC,EAAA9B,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,~~6uHAAA~~,CAAA,CAAA;AAEH,MAAM6B,eAAe,gBAAGhC,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,CACtB4B,KAAA,IAAA;EAAA,IAAC;IAAEf,KAAK;AAAEX,IAAAA,aAAAA;AAAc,GAAC,GAAA0B,KAAA,CAAA;EAAA,OAAM;AAC7BzB,IAAAA,QAAQ,EAAE,UAAU;AACpBY,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,OAAO,EAAE,MAAM;AACfY,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBvB,IAAAA,KAAK,EAAE,MAAM;IACbH,eAAe,EAAES,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,UAAU,CAACO,WAAW,CAACC,MAAM;AACjE,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,~~swHACJ~~,CAAC,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,GAAE,CAAC,gBAE7D6B,KAAA,CAAAC,aAAA,CAACjB,eAAe,EAAA;AAACS,IAAAA,KAAK,EAAC,iBAAA;AAAiB,GAAA,eACtCO,KAAA,CAAAC,aAAA,CAACE,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,cAAc;AAACxB,IAAAA,KAAK,EAAC,UAAA;GAAY,CAC7B,CAEC,CAAC,CAAA;AAE3B~~,CAAA;AAEAU,SAAS,CAACe,YAAY,GAAG;AACvBC,EAAAA,UAAU,EAAE,IAAI;AAChB/C,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.primary.default,\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.transparent.active,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth = false,\n fit = \"cover\",\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\" color=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\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","primary","default","StyledContainer","_ref3","alignItems","justifyContent","transparent","active","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name"],"mappings":"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"}

package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 import React from "react";
-import { BaseVariations, MQ, SpaceSizes } from "../../../types";
+import { MQ, SpaceSizes } from "../../../types";
+import { ButtonProps } from "../../Button/Button";
 export declare type ActionButtonProps = {
     text: string;
-    type?: "button" | "submit";
-    variant: BaseVariations;
-};
+} & ButtonProps;
 export declare type ButtonGroupProps = {
     actionButton?: ActionButtonProps;
     cancelButtonText?: string;

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

@@ -1,7 +1,9 @@
+import _extends from '@babel/runtime/helpers/extends';
 import React from 'react';
 import { Columns, Column } from '../../Column/Columns.js';
 import { Button } from '../../Button/Button.js';
+/* eslint-disable react/jsx-props-no-spreading */
 function ButtonGroup(_ref) {
   let {
     cancelButtonText,
@@ -9,6 +11,10 @@ function ButtonGroup(_ref) {
     onButtonClick,
     "data-e2e-test-id": dataE2eTestId
   } = _ref;
+  const {
+    text,
+    ...rest
+  } = actionButton;
   return /*#__PURE__*/React.createElement(Columns, {
     gap: "s",
     alignItems: ["spaceBetween", "right"],
@@ -17,14 +23,13 @@ function ButtonGroup(_ref) {
   }, actionButton && /*#__PURE__*/React.createElement(Column, {
     order: ["first", "last"],
     size: [12, "narrow"]
-  }, /*#__PURE__*/React.createElement(Button, {
-    variant: actionButton.variant,
-    type: actionButton.type,
+  }, /*#__PURE__*/React.createElement(Button, _extends({
+    variant: "primary",
     fullWidth: true,
     onClick: () => {
       onButtonClick("action");
     }
-  }, actionButton.text)), cancelButtonText && /*#__PURE__*/React.createElement(Column, {
+  }, rest), text)), cancelButtonText && /*#__PURE__*/React.createElement(Column, {
     size: [12, "narrow"]
   }, /*#__PURE__*/React.createElement(Button, {
     variant: "secondary",
@@ -35,5 +40,7 @@ function ButtonGroup(_ref) {
   }, cancelButtonText)));
 }
+/* eslint-enable react/jsx-props-no-spreading */
 export { ButtonGroup };
 //# sourceMappingURL=ButtonGroup.js.map

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~~,~~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;;;;"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../../../src/components/Patterns/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { MQ, SpaceSizes } from \"../../../types\";\nimport { Columns, Column } from \"../../Column/Columns\";\nimport { Button, ButtonProps } from \"../../Button/Button\";\n\nexport type ActionButtonProps = {\n text: string;\n} & ButtonProps;\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\n/* eslint-disable react/jsx-props-no-spreading /\nexport function ButtonGroup({\n cancelButtonText,\n actionButton,\n onButtonClick,\n \"data-e2e-test-id\": dataE2eTestId,\n}: ButtonGroupProps): React.ReactElement {\n const { text, ...rest } = actionButton;\n\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=\"primary\"\n fullWidth\n onClick={() => {\n onButtonClick(\"action\");\n }}\n {...rest}\n >\n {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\n/ eslint-enable react/jsx-props-no-spreading */\n"],"names":["ButtonGroup","_ref","cancelButtonText","actionButton","onButtonClick","dataE2eTestId","text","rest","React","createElement","Columns","gap","alignItems","Column","order","size","Button","_extends","variant","fullWidth","onClick"],"mappings":";;;;;AAiBA;AACO,SAASA,WAAWA,CAAAC,IAAA,EAKc;EAAA,IALb;IAC1BC,gBAAgB;IAChBC,YAAY;IACZC,aAAa;AACb,IAAA,kBAAkB,EAAEC,aAAAA;AACJ,GAAC,GAAAJ,IAAA,CAAA;EACjB,MAAM;IAAEK,IAAI;IAAE,GAAGC,IAAAA;AAAK,GAAC,GAAGJ,YAAY,CAAA;AAEtC,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,EAAkBP,aAAc;IAChC,YAAW,EAAA,aAAA;AAAa,GAAA,EAEvBF,YAAY,iBACXK,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,EAAAC,QAAA,CAAA;AACLC,IAAAA,OAAO,EAAC,SAAS;IACjBC,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbhB,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;AAAE,GAAA,EACEG,IAAI,CAAA,EAEPD,IACK,CACF,CACT,EACAJ,gBAAgB,iBACfM,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACE,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAA;AAAE,GAAA,eAC3BP,KAAA,CAAAC,aAAA,CAACO,MAAM,EAAA;AACLE,IAAAA,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAA,IAAA;IACTC,OAAO,EAAEA,MAAM;MACbhB,aAAa,CAAC,QAAQ,CAAC,CAAA;AACzB,KAAA;GAECF,EAAAA,gBACK,CACF,CAEH,CAAC,CAAA;AAEd,CAAA;;AAEA;;;;"}

package/build/esm/src/components/Tooltip/BaseTooltip.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import React from "react";
+export declare type BaseTooltipCommonProps = {
+    id: string;
+    content: string | React.ReactElement;
+    placement?: "auto" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    padding?: "s" | "m";
+    portalContainer?: HTMLElement;
+    zIndex?: number;
+    dataE2eTestId?: string;
+    dataDsId?: string;
+};
+export declare type BaseTooltipConditionalProps = {
+    trigger?: never;
+    children: React.ReactElement;
+} | {
+    children?: never;
+    trigger: HTMLElement;
+};
+export declare type BaseTooltipProps = BaseTooltipCommonProps & BaseTooltipConditionalProps;
+export declare type VerticalPlacement = "top" | "bottom";
+export declare type HorizontalPlacement = "left" | "right" | "center";
+export declare function BaseTooltip({ id, placement, content, children, trigger, portalContainer, zIndex, padding, dataE2eTestId, dataDsId, }: BaseTooltipProps): React.ReactElement;

package/build/esm/src/components/Tooltip/Popover.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from "react";
+import { type BaseTooltipProps } from "./BaseTooltip";
+export declare type PopoverProps = {
+    content: React.ReactElement;
+    "data-e2e-test-id"?: string;
+} & Pick<BaseTooltipProps, "id" | "placement" | "zIndex" | "portalContainer" | "children" | "trigger">;
+export declare function Popover({ id, placement, content, children, portalContainer, zIndex, "data-e2e-test-id": dataE2eTestId, }: PopoverProps): React.ReactElement;

package/build/esm/src/components/Tooltip/util.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { RefObject } from "react";
+import type { TooltipProps, TooltipPosition } from "./Tooltip";
+export declare const DISTANCE_FROM_TRIGGER = 4;
+export declare const ANIMATION_DISTANCE = 8;
+export declare const ARROW_SIZE = 6;
+export declare const TOOLTIP_MARGIN: number;
+export declare const ARROW_OFFSET = 8;
+/**
+ * Get tooltip position
+ */
+export declare function getTooltipPosition(placement: TooltipProps["placement"], triggerRef: RefObject<any>, tooltipRef: RefObject<any>, document: Document, window: Window): TooltipPosition;
+export declare function getContentWrapStatus(tooltipRef: RefObject<any>): boolean;

package/build/esm/src/types/index.d.ts CHANGED Viewed

@@ -28,7 +28,7 @@ declare const TextColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Litera
 export declare type TextColors = Static<typeof TextColorsRuntype>;
 declare const TextVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">]>;
 export declare type TextVariations = Static<typeof TextVariationsRuntype>;
-declare const IconsColorsRuntime: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">]>;
+declare const IconsColorsRuntime: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">, Literal<"quaternary">]>;
 export declare type IconsColors = Static<typeof IconsColorsRuntime>;
 declare const IconsVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"info">, Literal<"error">, Literal<"warning">, Literal<"inherit">, Literal<"brand">]>;
 export declare type IconsVariations = Static<typeof IconsVariationsRuntype>;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.15.0",
+  "version": "1.15.1",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",