@amboss/design-system 1.12.0 → 1.13.0

package/build/esm/src/components/Typography/Text/Text.d.ts

@@ -1,12 +1,14 @@
 import React from "react";
-import { TextAlignment, TextVariations, TextSize, MQ, Hyphens } from "../../../types";
+import { TextAlignment, TextVariations, TextColors, TextSize, MQ, Hyphens } from "../../../types";
 export declare type TextProps = {
     children: React.ReactNode;
     size?: TextSize;
     weight?: "normal" | "bold" | "black" | "inherit";
     transform?: "none" | "capitalize" | "uppercase" | "lowercase";
     as?: "p" | "span";
+    /** @deprecated variant property is deprecated now. Please use color prop. */
     variant?: TextVariations;
+    color?: TextColors;
     align?: TextAlignment;
     hyphens?: Hyphens | MQ<Hyphens>;
     "data-e2e-test-id"?: string;

package/build/esm/src/components/Typography/Text/Text.js

@@ -7,7 +7,7 @@ const defaultProps = {
   weight: "normal",
   transform: "none",
   as: "p",
-  variant: "secondary",
+  color: "primary",
   align: "left",
   hyphens: "none",
   "data-e2e-test-id": undefined,
@@ -28,7 +28,8 @@ const Text = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "production" ? {
     size,
     transform,
     hyphens,
-    variant
+    variant,
+    color
   } = _ref;
   return {
     fontFamily: theme.variables.fontFamily.lato,
@@ -36,7 +37,17 @@ const Text = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "production" ? {
     textTransform: transform,
     textAlign: align,
     fontWeight: theme.variables.weight[weight],
-    color: theme.values.color.text[variant],
+    color: theme.values.color.text[color].default,
+    // variant is deprecated and it should be deleted asap
+    ...(variant && {
+      color: theme.values.color.text[variant].default,
+      ...(variant === "primary" && {
+        color: theme.values.color.text.accent.default
+      }),
+      ...(variant === "secondary" && {
+        color: theme.values.color.text.primary.default
+      })
+    }),
     fontSize: theme.variables.size.font.text[size],
     lineHeight: theme.variables.size.lineHeight.text[size],
     ...mq({
@@ -47,7 +58,7 @@ const Text = /*#__PURE__*/_styled("p", process.env.NODE_ENV === "production" ? {
       }]
     })
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDb0IiLCJmaWxlIjoiVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkLCB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dFNpemUsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogVGV4dFNpemU7XG4gIHdlaWdodD86IFwibm9ybWFsXCIgfCBcImJvbGRcIiB8IFwiYmxhY2tcIiB8IFwiaW5oZXJpdFwiO1xuICB0cmFuc2Zvcm0/OiBcIm5vbmVcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJ1cHBlcmNhc2VcIiB8IFwibG93ZXJjYXNlXCI7XG4gIGFzPzogXCJwXCIgfCBcInNwYW5cIjtcbiAgdmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xuICBhbGlnbj86IFRleHRBbGlnbm1lbnQ7XG4gIGh5cGhlbnM/OiBIeXBoZW5zIHwgTVE8SHlwaGVucz47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxUZXh0UHJvcHM+ID0ge1xuICBzaXplOiBcIm1cIixcbiAgd2VpZ2h0OiBcIm5vcm1hbFwiLFxuICB0cmFuc2Zvcm06IFwibm9uZVwiLFxuICBhczogXCJwXCIsXG4gIHZhcmlhbnQ6IFwic2Vjb25kYXJ5XCIsXG4gIGFsaWduOiBcImxlZnRcIixcbiAgaHlwaGVuczogXCJub25lXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBcIlRleHRcIixcbn07XG5cbmV4cG9ydCBjb25zdCBUZXh0ID0gc3R5bGVkKFwicFwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcDogc3RyaW5nKSA9PlxuICAgIGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwidHJhbnNmb3JtXCIsXG59KTxUZXh0UHJvcHM+KFxuICAoeyB0aGVtZSwgYWxpZ24sIHdlaWdodCwgc2l6ZSwgdHJhbnNmb3JtLCBoeXBoZW5zLCB2YXJpYW50IH0pID0+XG4gICAgKHtcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICBtYXJnaW46IDAsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiB0cmFuc2Zvcm0sXG4gICAgICB0ZXh0QWxpZ246IGFsaWduLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodFt3ZWlnaHRdLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W3ZhcmlhbnRdLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dFtzaXplXSxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dFtzaXplXSxcbiAgICAgIC4uLm1xKHtcbiAgICAgICAgaHlwaGVuczogW2h5cGhlbnMsIHsgbm9uZTogXCJub25lXCIsIGF1dG86IFwiYXV0b1wiLCBtYW51YWw6IFwibWFudWFsXCIgfV0sXG4gICAgICB9KSxcbiAgICB9IGFzIENTU09iamVjdClcbik7XG5cblRleHQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDb0IiLCJmaWxlIjoiVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkLCB7IENTU09iamVjdCB9IGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCBpc1Byb3BWYWxpZCBmcm9tIFwiQGVtb3Rpb24vaXMtcHJvcC12YWxpZFwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBUZXh0QWxpZ25tZW50LFxuICBUZXh0VmFyaWF0aW9ucyxcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIE1RLFxuICBIeXBoZW5zLFxufSBmcm9tIFwiLi4vLi4vLi4vdHlwZXNcIjtcblxuZXhwb3J0IHR5cGUgVGV4dFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogVGV4dFNpemU7XG4gIHdlaWdodD86IFwibm9ybWFsXCIgfCBcImJvbGRcIiB8IFwiYmxhY2tcIiB8IFwiaW5oZXJpdFwiO1xuICB0cmFuc2Zvcm0/OiBcIm5vbmVcIiB8IFwiY2FwaXRhbGl6ZVwiIHwgXCJ1cHBlcmNhc2VcIiB8IFwibG93ZXJjYXNlXCI7XG4gIGFzPzogXCJwXCIgfCBcInNwYW5cIjtcbiAgLyoqIEBkZXByZWNhdGVkIHZhcmlhbnQgcHJvcGVydHkgaXMgZGVwcmVjYXRlZCBub3cuIFBsZWFzZSB1c2UgY29sb3IgcHJvcC4gKi9cbiAgdmFyaWFudD86IFRleHRWYXJpYXRpb25zO1xuICBjb2xvcj86IFRleHRDb2xvcnM7XG4gIGFsaWduPzogVGV4dEFsaWdubWVudDtcbiAgaHlwaGVucz86IEh5cGhlbnMgfCBNUTxIeXBoZW5zPjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPFRleHRQcm9wcz4gPSB7XG4gIHNpemU6IFwibVwiLFxuICB3ZWlnaHQ6IFwibm9ybWFsXCIsXG4gIHRyYW5zZm9ybTogXCJub25lXCIsXG4gIGFzOiBcInBcIixcbiAgY29sb3I6IFwicHJpbWFyeVwiLFxuICBhbGlnbjogXCJsZWZ0XCIsXG4gIGh5cGhlbnM6IFwibm9uZVwiLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogdW5kZWZpbmVkLFxuICBcImRhdGEtZHMtaWRcIjogXCJUZXh0XCIsXG59O1xuXG5leHBvcnQgY29uc3QgVGV4dCA9IHN0eWxlZChcInBcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3A6IHN0cmluZykgPT5cbiAgICBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcInRyYW5zZm9ybVwiLFxufSk8VGV4dFByb3BzPihcbiAgKHsgdGhlbWUsIGFsaWduLCB3ZWlnaHQsIHNpemUsIHRyYW5zZm9ybSwgaHlwaGVucywgdmFyaWFudCwgY29sb3IgfSkgPT5cbiAgICAoe1xuICAgICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICAgIG1hcmdpbjogMCxcbiAgICAgIHRleHRUcmFuc2Zvcm06IHRyYW5zZm9ybSxcbiAgICAgIHRleHRBbGlnbjogYWxpZ24sXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0W3dlaWdodF0sXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQsXG5cbiAgICAgIC8vIHZhcmlhbnQgaXMgZGVwcmVjYXRlZCBhbmQgaXQgc2hvdWxkIGJlIGRlbGV0ZWQgYXNhcFxuICAgICAgLi4uKHZhcmlhbnQgJiYge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbdmFyaWFudF0uZGVmYXVsdCxcbiAgICAgICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICAgIH0pLFxuICAgICAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgfSksXG4gICAgICB9KSxcblxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQudGV4dFtzaXplXSxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQudGV4dFtzaXplXSxcbiAgICAgIC4uLm1xKHtcbiAgICAgICAgaHlwaGVuczogW2h5cGhlbnMsIHsgbm9uZTogXCJub25lXCIsIGF1dG86IFwiYXV0b1wiLCBtYW51YWw6IFwibWFudWFsXCIgfV0sXG4gICAgICB9KSxcbiAgICB9IGFzIENTU09iamVjdClcbik7XG5cblRleHQuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuIl19 */");
 Text.defaultProps = defaultProps;
 
 export { Text };

package/build/esm/src/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { mq } from \"../../../shared/mediaQueries\";\n\nimport {\n  TextAlignment,\n  TextVariations,\n  TextSize,\n  MQ,\n  Hyphens,\n} from \"../../../types\";\n\nexport type TextProps = {\n  children: React.ReactNode;\n  size?: TextSize;\n  weight?: \"normal\" | \"bold\" | \"black\" | \"inherit\";\n  transform?: \"none\" | \"capitalize\" | \"uppercase\" | \"lowercase\";\n  as?: \"p\" | \"span\";\n  variant?: TextVariations;\n  align?: TextAlignment;\n  hyphens?: Hyphens | MQ<Hyphens>;\n  \"data-e2e-test-id\"?: string;\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<TextProps> = {\n  size: \"m\",\n  weight: \"normal\",\n  transform: \"none\",\n  as: \"p\",\n  variant: \"secondary\",\n  align: \"left\",\n  hyphens: \"none\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Text\",\n};\n\nexport const Text = styled(\"p\", {\n  shouldForwardProp: (prop: string) =>\n    isPropValid(prop) && prop !== \"transform\",\n})<TextProps>(\n  ({ theme, align, weight, size, transform, hyphens, variant }) =>\n    ({\n      fontFamily: theme.variables.fontFamily.lato,\n      margin: 0,\n      textTransform: transform,\n      textAlign: align,\n      fontWeight: theme.variables.weight[weight],\n      color: theme.values.color.text[variant],\n      fontSize: theme.variables.size.font.text[size],\n      lineHeight: theme.variables.size.lineHeight.text[size],\n      ...mq({\n        hyphens: [hyphens, { none: \"none\", auto: \"auto\", manual: \"manual\" }],\n      }),\n    } as CSSObject)\n);\n\nText.defaultProps = defaultProps;\n"],"names":["defaultProps","size","weight","transform","as","variant","align","hyphens","undefined","Text","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","theme","fontFamily","variables","lato","margin","textTransform","textAlign","fontWeight","color","values","text","fontSize","font","lineHeight","mq","none","auto","manual"],"mappings":";;;;AA2BA,MAAMA,YAAgC,GAAG;AACvCC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,OAAO,EAAE,MAAM;AACf,EAAA,kBAAkB,EAAEC,SAAS;AAC7B,EAAA,YAAY,EAAE,MAAA;AAChB,CAAC,CAAA;AAEM,MAAMC,IAAI,gBAAGC,OAAA,CAAO,GAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAC5BC,iBAAiB,EAAGC,IAAY,IAC9BC,WAAW,CAACD,IAAI,CAAC,IAAIA,IAAI,KAAK,WAAW;EAAAE,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAD3CH,iBAAiB,EAAGC,IAAY,IAC9BC,WAAW,CAACD,IAAI,CAAC,IAAIA,IAAI,KAAK,WAAW;EAAAE,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,MAAA;AAAA,CAC5C,CAAC,CACAC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEd,KAAK;IAAEJ,MAAM;IAAED,IAAI;IAAEE,SAAS;IAAEI,OAAO;AAAEF,IAAAA,OAAAA;AAAQ,GAAC,GAAAc,IAAA,CAAA;EAAA,OACzD;AACCE,IAAAA,UAAU,EAAED,KAAK,CAACE,SAAS,CAACD,UAAU,CAACE,IAAI;AAC3CC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,aAAa,EAAEtB,SAAS;AACxBuB,IAAAA,SAAS,EAAEpB,KAAK;IAChBqB,UAAU,EAAEP,KAAK,CAACE,SAAS,CAACpB,MAAM,CAACA,MAAM,CAAC;IAC1C0B,KAAK,EAAER,KAAK,CAACS,MAAM,CAACD,KAAK,CAACE,IAAI,CAACzB,OAAO,CAAC;AACvC0B,IAAAA,QAAQ,EAAEX,KAAK,CAACE,SAAS,CAACrB,IAAI,CAAC+B,IAAI,CAACF,IAAI,CAAC7B,IAAI,CAAC;AAC9CgC,IAAAA,UAAU,EAAEb,KAAK,CAACE,SAAS,CAACrB,IAAI,CAACgC,UAAU,CAACH,IAAI,CAAC7B,IAAI,CAAC;AACtD,IAAA,GAAGiC,EAAE,CAAC;MACJ3B,OAAO,EAAE,CAACA,OAAO,EAAE;AAAE4B,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,MAAM,EAAE,QAAA;OAAU,CAAA;KACpE,CAAA;GACF,CAAA;AAAA,CAAc,EAAA1B,OAAA,CAAAC,GAAA,CAAAC,QAAA,89EACnB,EAAC;AAEDJ,IAAI,CAACT,YAAY,GAAGA,YAAY;;;;"}
+{"version":3,"file":"Text.js","sources":["../../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import React from \"react\";\nimport styled, { CSSObject } from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { mq } from \"../../../shared/mediaQueries\";\n\nimport {\n  TextAlignment,\n  TextVariations,\n  TextColors,\n  TextSize,\n  MQ,\n  Hyphens,\n} from \"../../../types\";\n\nexport type TextProps = {\n  children: React.ReactNode;\n  size?: TextSize;\n  weight?: \"normal\" | \"bold\" | \"black\" | \"inherit\";\n  transform?: \"none\" | \"capitalize\" | \"uppercase\" | \"lowercase\";\n  as?: \"p\" | \"span\";\n  /** @deprecated variant property is deprecated now. Please use color prop. */\n  variant?: TextVariations;\n  color?: TextColors;\n  align?: TextAlignment;\n  hyphens?: Hyphens | MQ<Hyphens>;\n  \"data-e2e-test-id\"?: string;\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<TextProps> = {\n  size: \"m\",\n  weight: \"normal\",\n  transform: \"none\",\n  as: \"p\",\n  color: \"primary\",\n  align: \"left\",\n  hyphens: \"none\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Text\",\n};\n\nexport const Text = styled(\"p\", {\n  shouldForwardProp: (prop: string) =>\n    isPropValid(prop) && prop !== \"transform\",\n})<TextProps>(\n  ({ theme, align, weight, size, transform, hyphens, variant, color }) =>\n    ({\n      fontFamily: theme.variables.fontFamily.lato,\n      margin: 0,\n      textTransform: transform,\n      textAlign: align,\n      fontWeight: theme.variables.weight[weight],\n      color: theme.values.color.text[color].default,\n\n      // variant is deprecated and it should be deleted asap\n      ...(variant && {\n        color: theme.values.color.text[variant].default,\n        ...(variant === \"primary\" && {\n          color: theme.values.color.text.accent.default,\n        }),\n        ...(variant === \"secondary\" && {\n          color: theme.values.color.text.primary.default,\n        }),\n      }),\n\n      fontSize: theme.variables.size.font.text[size],\n      lineHeight: theme.variables.size.lineHeight.text[size],\n      ...mq({\n        hyphens: [hyphens, { none: \"none\", auto: \"auto\", manual: \"manual\" }],\n      }),\n    } as CSSObject)\n);\n\nText.defaultProps = defaultProps;\n"],"names":["defaultProps","size","weight","transform","as","color","align","hyphens","undefined","Text","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","theme","variant","fontFamily","variables","lato","margin","textTransform","textAlign","fontWeight","values","text","default","accent","primary","fontSize","font","lineHeight","mq","none","auto","manual"],"mappings":";;;;AA8BA,MAAMA,YAAgC,GAAG;AACvCC,EAAAA,IAAI,EAAE,GAAG;AACTC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,SAAS,EAAE,MAAM;AACjBC,EAAAA,EAAE,EAAE,GAAG;AACPC,EAAAA,KAAK,EAAE,SAAS;AAChBC,EAAAA,KAAK,EAAE,MAAM;AACbC,EAAAA,OAAO,EAAE,MAAM;AACf,EAAA,kBAAkB,EAAEC,SAAS;AAC7B,EAAA,YAAY,EAAE,MAAA;AAChB,CAAC,CAAA;AAEM,MAAMC,IAAI,gBAAGC,OAAA,CAAO,GAAG,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAC5BC,iBAAiB,EAAGC,IAAY,IAC9BC,WAAW,CAACD,IAAI,CAAC,IAAIA,IAAI,KAAK,WAAW;EAAAE,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAD3CH,iBAAiB,EAAGC,IAAY,IAC9BC,WAAW,CAACD,IAAI,CAAC,IAAIA,IAAI,KAAK,WAAW;EAAAE,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,MAAA;AAAA,CAC5C,CAAC,CACAC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEd,KAAK;IAAEJ,MAAM;IAAED,IAAI;IAAEE,SAAS;IAAEI,OAAO;IAAEc,OAAO;AAAEhB,IAAAA,KAAAA;AAAM,GAAC,GAAAc,IAAA,CAAA;EAAA,OAChE;AACCG,IAAAA,UAAU,EAAEF,KAAK,CAACG,SAAS,CAACD,UAAU,CAACE,IAAI;AAC3CC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,aAAa,EAAEvB,SAAS;AACxBwB,IAAAA,SAAS,EAAErB,KAAK;IAChBsB,UAAU,EAAER,KAAK,CAACG,SAAS,CAACrB,MAAM,CAACA,MAAM,CAAC;AAC1CG,IAAAA,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACzB,KAAK,CAAC,CAAC0B,OAAO;AAE7C;AACA,IAAA,IAAIV,OAAO,IAAI;AACbhB,MAAAA,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACT,OAAO,CAAC,CAACU,OAAO;MAC/C,IAAIV,OAAO,KAAK,SAAS,IAAI;QAC3BhB,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACE,MAAM,CAACD,OAAAA;AACxC,OAAC,CAAC;MACF,IAAIV,OAAO,KAAK,WAAW,IAAI;QAC7BhB,KAAK,EAAEe,KAAK,CAACS,MAAM,CAACxB,KAAK,CAACyB,IAAI,CAACG,OAAO,CAACF,OAAAA;OACxC,CAAA;AACH,KAAC,CAAC;AAEFG,IAAAA,QAAQ,EAAEd,KAAK,CAACG,SAAS,CAACtB,IAAI,CAACkC,IAAI,CAACL,IAAI,CAAC7B,IAAI,CAAC;AAC9CmC,IAAAA,UAAU,EAAEhB,KAAK,CAACG,SAAS,CAACtB,IAAI,CAACmC,UAAU,CAACN,IAAI,CAAC7B,IAAI,CAAC;AACtD,IAAA,GAAGoC,EAAE,CAAC;MACJ9B,OAAO,EAAE,CAACA,OAAO,EAAE;AAAE+B,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,MAAM,EAAE,QAAA;OAAU,CAAA;KACpE,CAAA;GACF,CAAA;AAAA,CAAc,EAAA7B,OAAA,CAAAC,GAAA,CAAAC,QAAA,8oGACnB,EAAC;AAEDJ,IAAI,CAACT,YAAY,GAAGA,YAAY;;;;"}

package/build/esm/src/index.js

@@ -46,7 +46,7 @@ export { Pagination } from './components/Pagination/Pagination.js';
 export { SegmentedControl } from './components/Form/SegmentedControl/SegmentedControl.js';
 export { Input } from './components/Form/Input/Input.js';
 export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
-export { DataTable } from './components/DataTable/DataTable.js';
+export { BaseDataTable, DataTable } from './components/DataTable/DataTable.js';
 export { useDataTableSort } from './components/DataTable/useDataTableSort.js';
 
 const {

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

@@ -4,6 +4,8 @@ export declare const LinkTextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Li
 export declare type LinkTextSize = Static<typeof LinkTextSizeRuntype>;
 export declare const TextSizeRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
 export declare type TextSize = Static<typeof TextSizeRuntype>;
+export declare const BorderRadiusRuntype: Union<[Literal<"xs">, Literal<"s">, Literal<"m">]>;
+export declare type BorderRadius = Static<typeof BorderRadiusRuntype>;
 export declare const TextAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">]>;
 export declare type TextAlignment = Static<typeof TextAlignmentRuntype>;
 export declare const HorizontalAlignmentRuntype: Union<[Literal<"left">, Literal<"right">, Literal<"center">, Literal<"spaceBetween">]>;
@@ -19,15 +21,23 @@ export declare type ColumnAlignment = Static<typeof ColumnAlignmentRunType>;
 export declare const OrderRuntype: Union<[Literal<"first">, Literal<"last">, Literal<"unset">]>;
 export declare type Order = Static<typeof OrderRuntype>;
 export declare const BaseVariationsRuntype: Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>;
+export declare const BaseColorsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>;
 export declare type BaseVariations = Static<typeof BaseVariationsRuntype>;
+export declare type BaseColors = Static<typeof BaseColorsRuntype>;
+declare const TextColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>, Literal<"info">, Literal<"error">, Literal<"warning">]>;
+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">]>;
+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>;
 declare const CalloutVariationsRuntype: Union<[Literal<"info">, Literal<"success">, Literal<"error">, Literal<"warning">]>;
 export declare type CalloutVariations = Static<typeof CalloutVariationsRuntype>;
 declare const LinkVariationsRuntype: Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>]>;
 export declare type LinkVariations = Static<typeof LinkVariationsRuntype>;
+declare const LinkColorsRuntype: Union<[Union<[Union<[Literal<"primary">, Literal<"secondary">, Literal<"tertiary">]>, Literal<"accent">]>]>;
+export declare type LinkColors = Static<typeof LinkColorsRuntype>;
 export declare type MQ<T> = [T, T?, T?];
 declare const ButtonSizeRuntype: Union<[Literal<"s">, Literal<"m">, Literal<"l">]>;
 export declare type ButtonSize = Static<typeof ButtonSizeRuntype>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",
@@ -28,6 +28,9 @@
     "{src,tokens,.storybook,test-utils}/**/*.{js,jsx,ts,tsx}": [
       "prettier --write",
       "eslint --fix"
+    ],
+    "{src,tokens,.storybook,test-utils}/**/*.mdx": [
+      "prettier --write"
     ]
   },
   "auto": {
@@ -65,12 +68,12 @@
     "tokens": "node style-dictionary/style-dictionary.build.js",
     "tokens:watch": "chokidar  \"tokens/**/*.json\" -c \"npm run tokens\"",
     "tokens:prettier": "prettier --write \"build-tokens/*.(t|j)s*\"",
-    "chromatic": "npx chromatic --project-token ${CHROMATIC_TOKEN} --exit-zero-on-changes",
-    "chromatic:ci": "npx chromatic --project-token ${CHROMATIC_TOKEN}  --skip 'dependabot/**' --exit-zero-on-changes",
-    "chromatic:master": "npx chromatic --project-token ${CHROMATIC_TOKEN} --auto-accept-changes",
+    "chromatic": "npx chromatic --project-token ${CHROMATIC_TOKEN} --exit-zero-on-changes --only-changed",
+    "chromatic:ci": "npx chromatic --project-token ${CHROMATIC_TOKEN}  --skip 'dependabot/**' --exit-zero-on-changes --only-changed",
+    "chromatic:master": "npx chromatic --project-token ${CHROMATIC_TOKEN} --auto-accept-changes --only-changed",
     "lint": "npm run lint:eslint && npm run lint:prettier",
     "lint:eslint": "eslint -c .eslintrc --fix src .storybook test-utils",
-    "lint:prettier": "prettier --write \"{src,tokens,.storybook,test-utils}/**/*.(t|j)s*\"",
+    "lint:prettier": "prettier --write \"{src,tokens,.storybook,test-utils}/**/*.{js,jsx,ts,tsx,mdx}\"",
     "component": "DS_ROOT=/src/components DS_COMP_FOLDER=/components node scripts/createComponent/createComponent.js",
     "link-ds": "./scripts/link-ds.sh",
     "prepare": "husky install"
@@ -156,7 +159,7 @@
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-react": "^7.20.0",
     "eslint-plugin-react-hooks": "^4.0.4",
-    "feather-icons": "^4.28.0",
+    "feather-icons": "^4.29.0",
     "html-webpack-plugin": "^5.5.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.3",