@amboss/design-system 1.10.1 → 1.10.3

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

@@ -1,47 +1,49 @@
-export declare const dark: import("../build-tokens/visualConfig").VisualConfig, light: import("../build-tokens/visualConfig").VisualConfig;
+import { VisualConfig } from "../build-tokens/visualConfig";
+export type { VisualConfig };
+export declare const dark: VisualConfig, light: VisualConfig;
 export { ThemeProvider, CacheProvider } from "@emotion/react";
 export { default as createCache } from "@emotion/cache";
-export { Card } from "./components/Card/Card";
-export { CardBox } from "./components/Card/CardBox";
-export { Box } from "./components/Box/Box";
-export { Inline } from "./components/Inline/Inline";
-export { Stack } from "./components/Stack/Stack";
-export { H1, H2, H3, H4, H5, H6 } from "./components/Typography/Header/Header";
-export { Text } from "./components/Typography/Text/Text";
-export { TextClamped } from "./components/Typography/TextClamped/TextClamped";
-export { StyledText } from "./components/Typography/StyledText/StyledText";
-export { Link } from "./components/Link/Link";
-export { Icon } from "./components/Icon/Icon";
-export { Button } from "./components/Button/Button";
-export { Divider } from "./components/Divider/Divider";
-export { Column, Columns } from "./components/Column/Columns";
-export { Tabs } from "./components/Tabs/Tabs";
-export { Badge } from "./components/Badge/Badge";
-export { SearchResult } from "./components/SearchResult/SearchResult";
-export { ToggleButton } from "./components/Form/ToggleButton/ToggleButton";
-export { DropdownMenu } from "./components/DropdownMenu/DropdownMenu";
-export { FormFieldGroup } from "./components/Form/FormFieldGroup/FormFieldGroup";
-export { Input } from "./components/Form/Input/Input";
-export { Checkbox } from "./components/Form/Checkbox/Checkbox";
-export { Toggle } from "./components/Form/Toggle/Toggle";
-export { Radio } from "./components/Form/Radio/Radio";
-export { RadioButton } from "./components/Form/RadioButton/RadioButton";
-export { Textarea } from "./components/Form/Textarea/Textarea";
-export { Select } from "./components/Form/Select/Select";
-export { SubThemeProvider } from "./components/SubThemeProvider/SubThemeProvider";
-export { PictogramButton } from "./components/PictogramButton/PictogramButton";
-export { MediaViewerBar } from "./components/MediaViewerBar/MediaViewerBar";
-export { SegmentedProgressBar } from "./components/SegmentedProgressBar/SegmentedProgressBar";
-export { ProgressBar } from "./components/ProgressBar/ProgressBar";
-export { Container } from "./components/Container/Container";
-export { PasswordInput } from "./components/Form/PasswordInput/PasswordInput";
-export { RoundButton } from "./components/RoundButton/RoundButton";
-export { Notification } from "./components/Notification/Notification";
-export { Logo } from "./components/Logo/Logo";
-export { MediaItem } from "./components/MediaItem/MediaItem";
-export { Callout } from "./components/Callout/Callout";
-export { Modal } from "./components/Patterns/Modal/Modal";
-export { ButtonGroup } from "./components/Patterns/ButtonGroup/ButtonGroup";
-export { Collapsible, CollapsibleHeader, } from "./components/Collapsible/Collapsible";
-export { LoadingSpinner } from "./components/LoadingSpinner/LoadingSpinner";
+export * from "./components/Card/Card";
+export * from "./components/Card/CardBox";
+export * from "./components/Box/Box";
+export * from "./components/Inline/Inline";
+export * from "./components/Stack/Stack";
+export * from "./components/Typography/Header/Header";
+export * from "./components/Typography/Text/Text";
+export * from "./components/Typography/TextClamped/TextClamped";
+export * from "./components/Typography/StyledText/StyledText";
+export * from "./components/Link/Link";
+export * from "./components/Icon/Icon";
+export * from "./components/Button/Button";
+export * from "./components/Divider/Divider";
+export * from "./components/Column/Columns";
+export * from "./components/Tabs/Tabs";
+export * from "./components/Badge/Badge";
+export * from "./components/SearchResult/SearchResult";
+export * from "./components/Form/ToggleButton/ToggleButton";
+export * from "./components/DropdownMenu/DropdownMenu";
+export * from "./components/Form/FormFieldGroup/FormFieldGroup";
+export * from "./components/Form/Input";
+export * from "./components/Form/Checkbox/Checkbox";
+export * from "./components/Form/Toggle/Toggle";
+export * from "./components/Form/Radio/Radio";
+export * from "./components/Form/RadioButton/RadioButton";
+export * from "./components/Form/Textarea/Textarea";
+export * from "./components/Form/Select/Select";
+export * from "./components/SubThemeProvider/SubThemeProvider";
+export * from "./components/PictogramButton/PictogramButton";
+export * from "./components/MediaViewerBar/MediaViewerBar";
+export * from "./components/SegmentedProgressBar/SegmentedProgressBar";
+export * from "./components/ProgressBar/ProgressBar";
+export * from "./components/Container/Container";
+export * from "./components/Form/PasswordInput";
+export * from "./components/RoundButton/RoundButton";
+export * from "./components/Notification/Notification";
+export * from "./components/Logo/Logo";
+export * from "./components/MediaItem/MediaItem";
+export * from "./components/Callout/Callout";
+export * from "./components/Patterns/Modal/Modal";
+export * from "./components/Patterns/ButtonGroup/ButtonGroup";
+export * from "./components/Collapsible/Collapsible";
+export * from "./components/LoadingSpinner/LoadingSpinner";
 export * from "./components/Pagination/Pagination";

package/build/esm/src/index.js

@@ -9,7 +9,7 @@ export { Stack } from './components/Stack/Stack.js';
 export { H1, H2, H3, H4, H5, H6 } from './components/Typography/Header/Header.js';
 export { Text } from './components/Typography/Text/Text.js';
 export { TextClamped } from './components/Typography/TextClamped/TextClamped.js';
-export { StyledText } from './components/Typography/StyledText/StyledText.js';
+export { StyledText, makeStyledJSX } from './components/Typography/StyledText/StyledText.js';
 export { Link } from './components/Link/Link.js';
 export { Icon } from './components/Icon/Icon.js';
 export { Button } from './components/Button/Button.js';
@@ -21,7 +21,6 @@ export { SearchResult } from './components/SearchResult/SearchResult.js';
 export { ToggleButton } from './components/Form/ToggleButton/ToggleButton.js';
 export { DropdownMenu } from './components/DropdownMenu/DropdownMenu.js';
 export { FormFieldGroup } from './components/Form/FormFieldGroup/FormFieldGroup.js';
-export { Input } from './components/Form/Input/Input.js';
 export { Checkbox } from './components/Form/Checkbox/Checkbox.js';
 export { Toggle } from './components/Form/Toggle/Toggle.js';
 export { Radio } from './components/Form/Radio/Radio.js';
@@ -34,7 +33,6 @@ export { MediaViewerBar } from './components/MediaViewerBar/MediaViewerBar.js';
 export { SegmentedProgressBar } from './components/SegmentedProgressBar/SegmentedProgressBar.js';
 export { ProgressBar } from './components/ProgressBar/ProgressBar.js';
 export { Container } from './components/Container/Container.js';
-export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
 export { RoundButton } from './components/RoundButton/RoundButton.js';
 export { Notification } from './components/Notification/Notification.js';
 export { Logo } from './components/Logo/Logo.js';
@@ -45,6 +43,8 @@ export { ButtonGroup } from './components/Patterns/ButtonGroup/ButtonGroup.js';
 export { Collapsible, CollapsibleHeader } from './components/Collapsible/Collapsible.js';
 export { LoadingSpinner } from './components/LoadingSpinner/LoadingSpinner.js';
 export { Pagination } from './components/Pagination/Pagination.js';
+export { Input } from './components/Form/Input/Input.js';
+export { PasswordInput } from './components/Form/PasswordInput/PasswordInput.js';
 
 const {
   dark,

package/build/esm/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import { ambossVisualConfiguration } from \"../build-tokens/visualConfig\";\n\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport { Card } from \"./components/Card/Card\";\nexport { CardBox } from \"./components/Card/CardBox\";\nexport { Box } from \"./components/Box/Box\";\nexport { Inline } from \"./components/Inline/Inline\";\nexport { Stack } from \"./components/Stack/Stack\";\nexport { H1, H2, H3, H4, H5, H6 } from \"./components/Typography/Header/Header\";\nexport { Text } from \"./components/Typography/Text/Text\";\nexport { TextClamped } from \"./components/Typography/TextClamped/TextClamped\";\nexport { StyledText } from \"./components/Typography/StyledText/StyledText\";\nexport { Link } from \"./components/Link/Link\";\nexport { Icon } from \"./components/Icon/Icon\";\nexport { Button } from \"./components/Button/Button\";\nexport { Divider } from \"./components/Divider/Divider\";\nexport { Column, Columns } from \"./components/Column/Columns\";\nexport { Tabs } from \"./components/Tabs/Tabs\";\nexport { Badge } from \"./components/Badge/Badge\";\nexport { SearchResult } from \"./components/SearchResult/SearchResult\";\nexport { ToggleButton } from \"./components/Form/ToggleButton/ToggleButton\";\nexport { DropdownMenu } from \"./components/DropdownMenu/DropdownMenu\";\nexport { FormFieldGroup } from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport { Input } from \"./components/Form/Input/Input\";\nexport { Checkbox } from \"./components/Form/Checkbox/Checkbox\";\nexport { Toggle } from \"./components/Form/Toggle/Toggle\";\nexport { Radio } from \"./components/Form/Radio/Radio\";\nexport { RadioButton } from \"./components/Form/RadioButton/RadioButton\";\nexport { Textarea } from \"./components/Form/Textarea/Textarea\";\nexport { Select } from \"./components/Form/Select/Select\";\nexport { SubThemeProvider } from \"./components/SubThemeProvider/SubThemeProvider\";\nexport { PictogramButton } from \"./components/PictogramButton/PictogramButton\";\nexport { MediaViewerBar } from \"./components/MediaViewerBar/MediaViewerBar\";\nexport { SegmentedProgressBar } from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport { ProgressBar } from \"./components/ProgressBar/ProgressBar\";\nexport { Container } from \"./components/Container/Container\";\nexport { PasswordInput } from \"./components/Form/PasswordInput/PasswordInput\";\nexport { RoundButton } from \"./components/RoundButton/RoundButton\";\nexport { Notification } from \"./components/Notification/Notification\";\nexport { Logo } from \"./components/Logo/Logo\";\nexport { MediaItem } from \"./components/MediaItem/MediaItem\";\nexport { Callout } from \"./components/Callout/Callout\";\nexport { Modal } from \"./components/Patterns/Modal/Modal\";\nexport { ButtonGroup } from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport {\n  Collapsible,\n  CollapsibleHeader,\n} from \"./components/Collapsible/Collapsible\";\nexport { LoadingSpinner } from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/index.ts"],"sourcesContent":["import {\n  ambossVisualConfiguration,\n  VisualConfig,\n} from \"../build-tokens/visualConfig\";\n\nexport type { VisualConfig };\nexport const { dark, light } = ambossVisualConfiguration;\nexport { ThemeProvider, CacheProvider } from \"@emotion/react\";\nexport { default as createCache } from \"@emotion/cache\";\nexport * from \"./components/Card/Card\";\nexport * from \"./components/Card/CardBox\";\nexport * from \"./components/Box/Box\";\nexport * from \"./components/Inline/Inline\";\nexport * from \"./components/Stack/Stack\";\nexport * from \"./components/Typography/Header/Header\";\nexport * from \"./components/Typography/Text/Text\";\nexport * from \"./components/Typography/TextClamped/TextClamped\";\nexport * from \"./components/Typography/StyledText/StyledText\";\nexport * from \"./components/Link/Link\";\nexport * from \"./components/Icon/Icon\";\nexport * from \"./components/Button/Button\";\nexport * from \"./components/Divider/Divider\";\nexport * from \"./components/Column/Columns\";\nexport * from \"./components/Tabs/Tabs\";\nexport * from \"./components/Badge/Badge\";\nexport * from \"./components/SearchResult/SearchResult\";\nexport * from \"./components/Form/ToggleButton/ToggleButton\";\nexport * from \"./components/DropdownMenu/DropdownMenu\";\nexport * from \"./components/Form/FormFieldGroup/FormFieldGroup\";\nexport * from \"./components/Form/Input\";\nexport * from \"./components/Form/Checkbox/Checkbox\";\nexport * from \"./components/Form/Toggle/Toggle\";\nexport * from \"./components/Form/Radio/Radio\";\nexport * from \"./components/Form/RadioButton/RadioButton\";\nexport * from \"./components/Form/Textarea/Textarea\";\nexport * from \"./components/Form/Select/Select\";\nexport * from \"./components/SubThemeProvider/SubThemeProvider\";\nexport * from \"./components/PictogramButton/PictogramButton\";\nexport * from \"./components/MediaViewerBar/MediaViewerBar\";\nexport * from \"./components/SegmentedProgressBar/SegmentedProgressBar\";\nexport * from \"./components/ProgressBar/ProgressBar\";\nexport * from \"./components/Container/Container\";\nexport * from \"./components/Form/PasswordInput\";\nexport * from \"./components/RoundButton/RoundButton\";\nexport * from \"./components/Notification/Notification\";\nexport * from \"./components/Logo/Logo\";\nexport * from \"./components/MediaItem/MediaItem\";\nexport * from \"./components/Callout/Callout\";\nexport * from \"./components/Patterns/Modal/Modal\";\nexport * from \"./components/Patterns/ButtonGroup/ButtonGroup\";\nexport * from \"./components/Collapsible/Collapsible\";\nexport * from \"./components/LoadingSpinner/LoadingSpinner\";\nexport * from \"./components/Pagination/Pagination\";\n"],"names":["dark","light","ambossVisualConfiguration"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA;EAAEA,IAAI;AAAEC,EAAAA,KAAAA;AAAM,CAAC,GAAGC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.10.1",
+  "version": "1.10.3",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",
@@ -25,7 +25,7 @@
     "build/**/*"
   ],
   "lint-staged": {
-    "{src,tokens,.storybook}/**/*.{js,jsx,ts,tsx}": [
+    "{src,tokens,.storybook,test-utils}/**/*.{js,jsx,ts,tsx}": [
       "prettier --write",
       "eslint --fix"
     ]
@@ -75,8 +75,8 @@
     "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",
     "lint": "npm run lint:eslint && npm run lint:prettier",
-    "lint:eslint": "eslint -c .eslintrc --fix src .storybook",
-    "lint:prettier": "prettier --write \"{src,tokens,.storybook}/**/*.(t|j)s*\"",
+    "lint:eslint": "eslint -c .eslintrc --fix src .storybook test-utils",
+    "lint:prettier": "prettier --write \"{src,tokens,.storybook,test-utils}/**/*.(t|j)s*\"",
     "component": "DS_ROOT=/src/components DS_COMP_FOLDER=/components node scripts/createComponent/createComponent.js",
     "link-ds": "./scripts/link-ds.sh"
   },
@@ -149,7 +149,7 @@
     "auto": "^10.13.2",
     "babel-loader": "^8.1.0",
     "chokidar-cli": "^2.1.0",
-    "chromatic": "^5.7.1",
+    "chromatic": "^6.19.9",
     "copyfiles": "^2.4.1",
     "eslint": "^7.11.0",
     "eslint-config-airbnb": "^18.2.0",