@amboss/design-system 1.25.2 → 1.26.0

package/build/cjs/components/Form/MaskedInput/MaskedInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { FactoryArg } from "imask";
+import type { InputProps } from "../Input";
+export type MaskedInputProps = {
+    maskOptions: FactoryArg;
+    value?: string;
+    onAccept: (value: string, unmaskedValue: string, typedValue: string) => void;
+} & Omit<InputProps, "value">;
+export declare const MaskedInput: React.ForwardRefExoticComponent<{
+    maskOptions: FactoryArg;
+    value?: string;
+    onAccept: (value: string, unmaskedValue: string, typedValue: string) => void;
+} & Omit<InputProps, "value"> & React.RefAttributes<HTMLInputElement>>;

package/build/cjs/components/Form/MaskedInput/MaskedInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MaskedInput",{enumerable:!0,get:function(){return MaskedInput}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_imask=_interop_require_default._(require("imask")),_Input=require("../Input"),MaskedInput=_react.default.forwardRef(({maskOptions,value,onAccept,...rest},ref)=>{var _maskRef_current;let internalRef=(0,_react.useRef)(),maskRef=(0,_react.useRef)(null),inputRef=ref||internalRef;return(0,_react.useEffect)(()=>((null==inputRef?void 0:inputRef.current)&&(maskRef.current=(0,_imask.default)(inputRef.current,maskOptions)),()=>{maskRef.current&&maskRef.current.destroy()}),[inputRef,maskOptions]),(0,_react.useEffect)(()=>{null==maskRef||maskRef.current.on("accept",()=>{onAccept(maskRef.current.value,maskRef.current.unmaskedValue,maskRef.current.typedValue)})},[onAccept]),(0,_react.useEffect)(()=>{void 0!==value&&(maskRef.current.value=value)},[value]),_react.default.createElement(_Input.Input,{...rest,ref:inputRef,type:"text",value:null==maskRef?void 0:null==(_maskRef_current=maskRef.current)?void 0:_maskRef_current.value})});

package/build/cjs/index.d.ts

@@ -58,3 +58,4 @@ export * from "./components/Popover/Popover";
 export * from "./components/UserHighlightTooltip/UserHighlightTooltip";
 export * from "./components/Sheet/Sheet";
 export * from "./components/Image/Image";
+export * from "./components/Form/MaskedInput/MaskedInput";

package/build/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Select/Select"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Select/Select"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;

package/build/cjs/web-tokens/assets/icons.json

@@ -45,6 +45,7 @@
   "copy": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>",
   "corner-down-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 10l-5 5 5 5\" />\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M20 4v7a4 4 0 01-4 4H4\" />\n</svg>",
   "corner-down-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-corner-down-right\"><polyline points=\"15 10 20 15 15 20\"></polyline><path d=\"M4 4v7a4 4 0 0 0 4 4h12\"></path></svg>",
+  "credit-card": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H3Zm19 6V6a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3h20ZM2 11h20v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7Z\" clip-rule=\"evenodd\"/></svg>",
   "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line></svg>",
   "edit-3": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>",
   "edit-3-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" stroke=\"currentColor\"\n  viewBox=\"0 0 24 24\">\n  <path fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 20h9\" />\n  <path stroke=\"none\"\n    d=\"M18 2.83c-.695 0-1.362.276-1.854.768l-12.5 12.5a.5.5 0 00-.131.232l-1 4a.5.5 0 00.606.606l4-1a.5.5 0 00.233-.131l12.5-12.5A2.62 2.62 0 0018 2.83z\" />\n</svg>",

package/build/cjs/web-tokens/assets/icons16.json

@@ -45,6 +45,7 @@
   "corner-down-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n    <path d=\"M7 14l-4-4 4-4\" />\n    <path d=\"M13 3v4.333A2.667 2.667 0 0110.333 10H4\" />\n  </g>\n</svg>",
   "corner-down-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g fill=\"currentColor\">\n    <path\n      d=\"M9.707 5.293a1 1 0 00-1.414 1.414zM13 10l.707.707a1 1 0 000-1.414zm-4.707 3.293a1 1 0 101.414 1.414zm0-6.586l4 4 1.414-1.414-4-4zm4 2.586l-4 4 1.414 1.414 4-4z\" />\n    <path\n      d=\"M2 3a1 1 0 112 0zm10 6a1 1 0 110 2zM4 3v4.333H2V3zm0 4.333C4 8.253 4.746 9 5.667 9v2A3.667 3.667 0 012 7.333zM5.667 9H12v2H5.667z\" />\n  </g>\n</svg>",
   "course": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-width=\"2\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 2L1 5.5 8 9l7-3.5z\" clip-rule=\"evenodd\" />\n    <path stroke-linejoin=\"round\" d=\"M4 7v5.511L8 14.5l4-1.988V7\" />\n    <path stroke-linecap=\"round\" d=\"M15 5.5v5\" />\n  </g>\n</svg>",
+  "credit-card": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H3Zm11 4V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1h12ZM2 8h12v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8Z\" clip-rule=\"evenodd\"/></svg>",
   "dot": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <circle cx=\"8\" cy=\"8\" r=\"4\" fill=\"currentColor\" />\n</svg>",
   "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-width=\"2\">\n    <path stroke-linejoin=\"round\" d=\"M2 8v3.6c0 .773.56 1.4 1.25 1.4h9.5c.69 0 1.25-.627 1.25-1.4V8\" />\n    <path stroke-linejoin=\"bevel\" d=\"M8 8V1\" />\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 6L8 9 5 6\" />\n  </g>\n</svg>",
   "edit-3": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 16 16\">\n  <path stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 14h7\" />\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M10.45 3.438a1.494 1.494 0 112.113 2.112l-7.746 7.746L2 14l.704-2.817 7.746-7.745z\" />\n</svg>",

package/build/esm/components/Form/MaskedInput/MaskedInput.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import type { FactoryArg } from "imask";
+import type { InputProps } from "../Input";
+export type MaskedInputProps = {
+    maskOptions: FactoryArg;
+    value?: string;
+    onAccept: (value: string, unmaskedValue: string, typedValue: string) => void;
+} & Omit<InputProps, "value">;
+export declare const MaskedInput: React.ForwardRefExoticComponent<{
+    maskOptions: FactoryArg;
+    value?: string;
+    onAccept: (value: string, unmaskedValue: string, typedValue: string) => void;
+} & Omit<InputProps, "value"> & React.RefAttributes<HTMLInputElement>>;

package/build/esm/components/Form/MaskedInput/MaskedInput.js

@@ -0,0 +1 @@
+import React,{useRef,useEffect}from"react";import IMask from"imask";import{Input}from"../Input";export const MaskedInput=React.forwardRef(({maskOptions,value,onAccept,...rest},ref)=>{var _maskRef_current;let internalRef=useRef(),maskRef=useRef(null),inputRef=ref||internalRef;return useEffect(()=>((null==inputRef?void 0:inputRef.current)&&(maskRef.current=IMask(inputRef.current,maskOptions)),()=>{maskRef.current&&maskRef.current.destroy()}),[inputRef,maskOptions]),useEffect(()=>{null==maskRef||maskRef.current.on("accept",()=>{onAccept(maskRef.current.value,maskRef.current.unmaskedValue,maskRef.current.typedValue)})},[onAccept]),useEffect(()=>{void 0!==value&&(maskRef.current.value=value)},[value]),React.createElement(Input,{...rest,ref:inputRef,type:"text",value:null==maskRef?void 0:null==(_maskRef_current=maskRef.current)?void 0:_maskRef_current.value})});

package/build/esm/index.d.ts

@@ -58,3 +58,4 @@ export * from "./components/Popover/Popover";
 export * from "./components/UserHighlightTooltip/UserHighlightTooltip";
 export * from "./components/Sheet/Sheet";
 export * from "./components/Image/Image";
+export * from "./components/Form/MaskedInput/MaskedInput";

package/build/esm/index.js

@@ -1 +1 @@
-import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";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/RangeInput/RangeInput";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";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";
+import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";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/RangeInput/RangeInput";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";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";

package/build/esm/web-tokens/assets/icons.json

@@ -45,6 +45,7 @@
   "copy": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-copy\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"></path></svg>",
   "corner-down-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 10l-5 5 5 5\" />\n  <path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M20 4v7a4 4 0 01-4 4H4\" />\n</svg>",
   "corner-down-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-corner-down-right\"><polyline points=\"15 10 20 15 15 20\"></polyline><path d=\"M4 4v7a4 4 0 0 0 4 4h12\"></path></svg>",
+  "credit-card": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H3Zm19 6V6a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v3h20ZM2 11h20v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-7Z\" clip-rule=\"evenodd\"/></svg>",
   "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-download\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line></svg>",
   "edit-3": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-edit-3\"><path d=\"M12 20h9\"></path><path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"></path></svg>",
   "edit-3-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"currentColor\" stroke=\"currentColor\"\n  viewBox=\"0 0 24 24\">\n  <path fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 20h9\" />\n  <path stroke=\"none\"\n    d=\"M18 2.83c-.695 0-1.362.276-1.854.768l-12.5 12.5a.5.5 0 00-.131.232l-1 4a.5.5 0 00.606.606l4-1a.5.5 0 00.233-.131l12.5-12.5A2.62 2.62 0 0018 2.83z\" />\n</svg>",

package/build/esm/web-tokens/assets/icons16.json

@@ -45,6 +45,7 @@
   "corner-down-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\n    <path d=\"M7 14l-4-4 4-4\" />\n    <path d=\"M13 3v4.333A2.667 2.667 0 0110.333 10H4\" />\n  </g>\n</svg>",
   "corner-down-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g fill=\"currentColor\">\n    <path\n      d=\"M9.707 5.293a1 1 0 00-1.414 1.414zM13 10l.707.707a1 1 0 000-1.414zm-4.707 3.293a1 1 0 101.414 1.414zm0-6.586l4 4 1.414-1.414-4-4zm4 2.586l-4 4 1.414 1.414 4-4z\" />\n    <path\n      d=\"M2 3a1 1 0 112 0zm10 6a1 1 0 110 2zM4 3v4.333H2V3zm0 4.333C4 8.253 4.746 9 5.667 9v2A3.667 3.667 0 012 7.333zM5.667 9H12v2H5.667z\" />\n  </g>\n</svg>",
   "course": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-width=\"2\">\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 2L1 5.5 8 9l7-3.5z\" clip-rule=\"evenodd\" />\n    <path stroke-linejoin=\"round\" d=\"M4 7v5.511L8 14.5l4-1.988V7\" />\n    <path stroke-linecap=\"round\" d=\"M15 5.5v5\" />\n  </g>\n</svg>",
+  "credit-card": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M3 2a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3H3Zm11 4V5a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1h12ZM2 8h12v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8Z\" clip-rule=\"evenodd\"/></svg>",
   "dot": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <circle cx=\"8\" cy=\"8\" r=\"4\" fill=\"currentColor\" />\n</svg>",
   "download": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\">\n  <g stroke=\"currentColor\" stroke-width=\"2\">\n    <path stroke-linejoin=\"round\" d=\"M2 8v3.6c0 .773.56 1.4 1.25 1.4h9.5c.69 0 1.25-.627 1.25-1.4V8\" />\n    <path stroke-linejoin=\"bevel\" d=\"M8 8V1\" />\n    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11 6L8 9 5 6\" />\n  </g>\n</svg>",
   "edit-3": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 16 16\">\n  <path stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 14h7\" />\n  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n    d=\"M10.45 3.438a1.494 1.494 0 112.113 2.112l-7.746 7.746L2 14l.704-2.817 7.746-7.745z\" />\n</svg>",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.25.2",
+  "version": "1.26.0",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",
@@ -113,6 +113,7 @@
   "dependencies": {
     "@swc/helpers": "^0.5.3",
     "focus-trap-react": "^10.2.3",
+    "imask": "^7.4.0",
     "react-is": "^17.0.1",
     "runtypes": "^6.7.0"
   },
@@ -166,8 +167,8 @@
     "@typescript-eslint/parser": "^6.17.0",
     "auto": "^10.13.2",
     "browserslist": "^4.22.2",
-    "chromatic": "^10.6.1",
     "chokidar-cli": "^3.0.0",
+    "chromatic": "^10.6.1",
     "copyfiles": "^2.4.1",
     "csstype": "^3.1.3",
     "eslint": "^7.11.0",