@amboss/design-system 1.23.1 → 1.24.0

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"FormErrorMessages",{enumerable:!0,get:function(){return FormErrorMessages}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Stack=require("../../Stack/Stack"),_Text=require("../../Typography/Text/Text");function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(_Stack.Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"zero"},messages.map(message=>_react.default.createElement(_Text.Text,{size:"xs",key:message,variant:"error"},message)))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"FormErrorMessages",{enumerable:!0,get:function(){return FormErrorMessages}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Stack=require("../../Stack/Stack"),_Text=require("../../Typography/Text/Text");function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(_Stack.Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"zero"},messages.map(message=>_react.default.createElement(_Text.Text,{size:"s",color:"error",key:message},message)))}

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

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"FormField",{enumerable:!0,get:function(){return FormField}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=_interop_require_default._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Stack=require("../../Stack/Stack"),_Text=require("../../Typography/Text/Text"),_FormErrorMessages=require("../FormErrorMessages/FormErrorMessages"),_FormLabelText=require("../FormLabelText/FormLabelText"),StyledFormField=(0,_styled.default)("div",{target:"e16ij8qw0",label:"StyledFormField"})(({theme,disabled})=>disabled&&`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"FormField",{enumerable:!0,get:function(){return FormField}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=_interop_require_default._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Stack=require("../../Stack/Stack"),_Text=require("../../Typography/Text/Text"),_FormErrorMessages=require("../FormErrorMessages/FormErrorMessages"),_FormLabelText=require("../FormLabelText/FormLabelText"),StyledFormField=(0,_styled.default)("div",{target:"ed2o3mp0",label:"StyledFormField"})(({theme,disabled})=>disabled&&`
     opacity: ${theme.variables.opacity.form.disabled}
-`,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgRm9ybUVycm9yTWVzc2FnZXMgfSBmcm9tIFwiLi4vRm9ybUVycm9yTWVzc2FnZXMvRm9ybUVycm9yTWVzc2FnZXNcIjtcbmltcG9ydCB7IEZvcm1MYWJlbFRleHQgfSBmcm9tIFwiLi4vRm9ybUxhYmVsVGV4dC9Gb3JtTGFiZWxUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZFByb3BzID0ge1xuICBsYWJlbD86IHN0cmluZztcbiAgbGFiZWxIaW50Pzogc3RyaW5nO1xuICBlcnJvck1lc3NhZ2VzPzogc3RyaW5nW107XG4gIGhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRm9ybUZpZWxkQ29tcG9uZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxuY29uc3QgU3R5bGVkRm9ybUZpZWxkID0gc3R5bGVkLmRpdjxQYXJ0aWFsPEZvcm1GaWVsZFByb3BzPj4oXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkICYmXG4gICAgYFxuICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZm9ybS5kaXNhYmxlZH1cbmBcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGQoe1xuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGhpbnQgPSBcIlwiLFxuICBlcnJvck1lc3NhZ2VzID0gW10sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgXCJkYXRhLWRzLWlkXCI6IGRhdGFEc0lkID0gXCJGb3JtRmllbGRcIixcbn06IEZvcm1GaWVsZENvbXBvbmVudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFsaWRFcnJvck1lc3NhZ2VzID0gZXJyb3JNZXNzYWdlcy5maWx0ZXIoKG1lc3NhZ2UpID0+IG1lc3NhZ2UpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8Rm9ybUxhYmVsVGV4dCBsYWJlbEhpbnQ9e2xhYmVsSGludH0+e2xhYmVsfTwvRm9ybUxhYmVsVGV4dD5cbiAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICB7aGludCAmJiAhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiA8VGV4dCBzaXplPVwieHNcIj57aGludH08L1RleHQ+fVxuICAgICAgICB7ISF2YWxpZEVycm9yTWVzc2FnZXMubGVuZ3RoICYmIChcbiAgICAgICAgICA8Rm9ybUVycm9yTWVzc2FnZXMgbWVzc2FnZXM9e3ZhbGlkRXJyb3JNZXNzYWdlc30gLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9TdHlsZWRGb3JtRmllbGQ+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJ3QiJ9 */");function FormField({label="",labelHint="",hint="",errorMessages=[],disabled=!1,children,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="FormField"}){let validErrorMessages=errorMessages.filter(message=>message);return _react.default.createElement(StyledFormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,disabled:disabled},_react.default.createElement(_Stack.Stack,{space:"xxs"},_react.default.createElement("label",null,_react.default.createElement(_Stack.Stack,{space:"xs"},label&&_react.default.createElement(_FormLabelText.FormLabelText,{labelHint:labelHint},label),children)),hint&&!validErrorMessages.length&&_react.default.createElement(_Text.Text,{size:"xs"},hint),!!validErrorMessages.length&&_react.default.createElement(_FormErrorMessages.FormErrorMessages,{messages:validErrorMessages})))}
+`,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgRm9ybUVycm9yTWVzc2FnZXMgfSBmcm9tIFwiLi4vRm9ybUVycm9yTWVzc2FnZXMvRm9ybUVycm9yTWVzc2FnZXNcIjtcbmltcG9ydCB7IEZvcm1MYWJlbFRleHQgfSBmcm9tIFwiLi4vRm9ybUxhYmVsVGV4dC9Gb3JtTGFiZWxUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZFByb3BzID0ge1xuICBsYWJlbD86IHN0cmluZztcbiAgbGFiZWxIaW50Pzogc3RyaW5nO1xuICBlcnJvck1lc3NhZ2VzPzogc3RyaW5nW107XG4gIGhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRm9ybUZpZWxkQ29tcG9uZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxuY29uc3QgU3R5bGVkRm9ybUZpZWxkID0gc3R5bGVkLmRpdjxQYXJ0aWFsPEZvcm1GaWVsZFByb3BzPj4oXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkICYmXG4gICAgYFxuICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZm9ybS5kaXNhYmxlZH1cbmBcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGQoe1xuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGhpbnQgPSBcIlwiLFxuICBlcnJvck1lc3NhZ2VzID0gW10sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgXCJkYXRhLWRzLWlkXCI6IGRhdGFEc0lkID0gXCJGb3JtRmllbGRcIixcbn06IEZvcm1GaWVsZENvbXBvbmVudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFsaWRFcnJvck1lc3NhZ2VzID0gZXJyb3JNZXNzYWdlcy5maWx0ZXIoKG1lc3NhZ2UpID0+IG1lc3NhZ2UpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8Rm9ybUxhYmVsVGV4dCBsYWJlbEhpbnQ9e2xhYmVsSGludH0+e2xhYmVsfTwvRm9ybUxhYmVsVGV4dD5cbiAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICB7aGludCAmJiAhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgPFRleHQgc2l6ZT1cInNcIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICB7aGludH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHshIXZhbGlkRXJyb3JNZXNzYWdlcy5sZW5ndGggJiYgKFxuICAgICAgICAgIDxGb3JtRXJyb3JNZXNzYWdlcyBtZXNzYWdlcz17dmFsaWRFcnJvck1lc3NhZ2VzfSAvPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0eWxlZEZvcm1GaWVsZD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QndCIn0= */");function FormField({label="",labelHint="",hint="",errorMessages=[],disabled=!1,children,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="FormField"}){let validErrorMessages=errorMessages.filter(message=>message);return _react.default.createElement(StyledFormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,disabled:disabled},_react.default.createElement(_Stack.Stack,{space:"xxs"},_react.default.createElement("label",null,_react.default.createElement(_Stack.Stack,{space:"xs"},label&&_react.default.createElement(_FormLabelText.FormLabelText,{labelHint:labelHint},label),children)),hint&&!validErrorMessages.length&&_react.default.createElement(_Text.Text,{size:"s",color:"tertiary"},hint),!!validErrorMessages.length&&_react.default.createElement(_FormErrorMessages.FormErrorMessages,{messages:validErrorMessages})))}

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

@@ -0,0 +1,36 @@
+import React from "react";
+import type { FormFieldProps } from "../FormField/FormField";
+export type RangeInputProps = {
+    name: string;
+    value: number;
+    /** The step size for each change in the range input's value. */
+    step?: number;
+    min?: number;
+    max?: number;
+    tabIndex?: number;
+    disabled?: boolean;
+    hasError?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onSlideStart?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    "data-e2e-test-id"?: string;
+} & FormFieldProps;
+export declare const RangeInput: React.ForwardRefExoticComponent<{
+    name: string;
+    value: number;
+    /** The step size for each change in the range input's value. */
+    step?: number;
+    min?: number;
+    max?: number;
+    tabIndex?: number;
+    disabled?: boolean;
+    hasError?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onSlideStart?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    "data-e2e-test-id"?: string;
+} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RangeInput",{enumerable:!0,get:function(){return RangeInput}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_react1=require("@emotion/react"),_FormField=require("../FormField/FormField"),StyledInput=(0,_styled.default)("input",{target:"e5dcjjy0",label:"StyledInput"})(({theme})=>{let resetStyles={WebkitAppearance:"none",appearance:"none"},thumbStyles={...resetStyles,backgroundColor:theme.values.color.rangeInput.background.thumb.default,boxShadow:theme.values.elevation.c,height:"20px",width:"20px",borderRadius:"50%",border:0};return{...resetStyles,height:"4px",borderRadius:theme.variables.size.borderRadius.xs,cursor:"pointer",width:"100%",margin:`${theme.variables.size.spacing.s} 0 ${theme.variables.size.spacing.m} 0`,"&:disabled":{cursor:"default"},"::-webkit-slider-thumb":thumbStyles,"::-moz-range-thumb":thumbStyles,"::-ms-thumb":thumbStyles}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9SYW5nZUlucHV0L1JhbmdlSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1JhbmdlSW5wdXQvUmFuZ2VJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbywgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5cbmV4cG9ydCB0eXBlIFJhbmdlSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogbnVtYmVyO1xuICAvKiogVGhlIHN0ZXAgc2l6ZSBmb3IgZWFjaCBjaGFuZ2UgaW4gdGhlIHJhbmdlIGlucHV0J3MgdmFsdWUuICovXG4gIHN0ZXA/OiBudW1iZXI7XG4gIG1pbj86IG51bWJlcjtcbiAgbWF4PzogbnVtYmVyO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uU2xpZGVTdGFydD86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn0gJiBGb3JtRmllbGRQcm9wcztcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UmFuZ2VJbnB1dFByb3BzPigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHJlc2V0U3R5bGVzID0ge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICB9O1xuXG4gIGNvbnN0IHRodW1iU3R5bGVzID0ge1xuICAgIC4uLnJlc2V0U3R5bGVzLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnJhbmdlSW5wdXQuYmFja2dyb3VuZC50aHVtYi5kZWZhdWx0LFxuICAgIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvbi5jLFxuICAgIGhlaWdodDogXCIyMHB4XCIsXG4gICAgd2lkdGg6IFwiMjBweFwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBib3JkZXI6IDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5yZXNldFN0eWxlcyxcbiAgICBoZWlnaHQ6IFwiNHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9IDAgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IDBgLFxuXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgfSxcblxuICAgIFwiOjotd2Via2l0LXNsaWRlci10aHVtYlwiOiB0aHVtYlN0eWxlcyxcbiAgICBcIjo6LW1vei1yYW5nZS10aHVtYlwiOiB0aHVtYlN0eWxlcyxcbiAgICBcIjo6LW1zLXRodW1iXCI6IHRodW1iU3R5bGVzLFxuICB9IGFzIENTU09iamVjdDtcbn0pO1xuXG5leHBvcnQgY29uc3QgUmFuZ2VJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgc3RlcCA9IDEsXG4gICAgICBtaW4gPSAwLFxuICAgICAgbWF4ID0gMTAwLFxuICAgICAgdmFsdWUgPSBtaW4sXG4gICAgICB0YWJJbmRleCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uU2xpZGVTdGFydCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICAuLi5yZXN0XG4gICAgfTogUmFuZ2VJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgYmFja2dyb3VuZCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgY29uc3QgcHJvZ3Jlc3MgPSAoKHZhbHVlIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMDtcbiAgICAgIGNvbnN0IGFjY2VudEJnID0gdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQ7XG4gICAgICBjb25zdCBwbGFjZWhvbGRlckJnID0gdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucGxhY2Vob2xkZXIuZGVmYXVsdDtcbiAgICAgIHJldHVybiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2FjY2VudEJnfSAwJSwgJHthY2NlbnRCZ30gJHtwcm9ncmVzc30lLCAke3BsYWNlaG9sZGVyQmd9ICR7cHJvZ3Jlc3N9JSwgJHtwbGFjZWhvbGRlckJnfSAxMDAlKWA7XG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgfSwgW3ZhbHVlLCBtaW4sIG1heCwgdGhlbWUubmFtZV0pO1xuXG4gICAgY29uc3QgaGFuZGxlU2xpZGVTdGFydCA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAob25TbGlkZVN0YXJ0KSB7XG4gICAgICAgICAgb25TbGlkZVN0YXJ0KGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW29uU2xpZGVTdGFydF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlJhbmdlSW5wdXRcIiB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kIH19XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uTW91c2VEb3duPXtoYW5kbGVTbGlkZVN0YXJ0fVxuICAgICAgICAgIG9uVG91Y2hTdGFydD17aGFuZGxlU2xpZGVTdGFydH1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIC8+XG4gICAgICA8L0Zvcm1GaWVsZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0IifQ== */"),RangeInput=_react.default.forwardRef(({name,step=1,min=0,max=100,value=min,tabIndex,onChange,onBlur,onFocus,onSlideStart,onClick,...rest},ref)=>{let theme=(0,_react1.useTheme)(),background=(0,_react.useMemo)(()=>{let progress=(value-min)/(max-min)*100,accentBg=theme.values.color.background.accent.default,placeholderBg=theme.values.color.background.placeholder.default;return`linear-gradient(to right, ${accentBg} 0%, ${accentBg} ${progress}%, ${placeholderBg} ${progress}%, ${placeholderBg} 100%)`},[value,min,max,theme.name]),handleSlideStart=(0,_react.useCallback)(e=>{onSlideStart&&onSlideStart(e)},[onSlideStart]);return _react.default.createElement(_FormField.FormField,{"data-ds-id":"RangeInput",...rest},_react.default.createElement(StyledInput,{type:"range",style:{background},ref:ref,name:name,value:value,min:min,max:max,step:step,disabled:rest.disabled,onChange:onChange,onBlur:onBlur,onFocus:onFocus,onClick:onClick,onMouseDown:handleSlideStart,onTouchStart:handleSlideStart,tabIndex:tabIndex}))});

package/build/cjs/components/UserHighlightTooltip/UserHighlightTooltip.d.ts

@@ -5,5 +5,6 @@ export type UserHighlightTooltipProps = Pick<TooltipContentProps, "content" | "p
     onVisibilityChange?: (isVisible: boolean) => void;
     triggerElements: HTMLElement[];
     selectedRange?: Range;
+    positionAtStart?: boolean;
 };
-export declare function UserHighlightTooltip({ content, contentPadding, placement, maxWidth, portalContainer, "data-e2e-test-id": dataE2eTestId, triggerElements, selectedRange, onVisibilityChange, }: UserHighlightTooltipProps): React.ReactElement;
+export declare function UserHighlightTooltip({ content, contentPadding, placement, maxWidth, portalContainer, "data-e2e-test-id": dataE2eTestId, triggerElements, selectedRange, onVisibilityChange, positionAtStart, }: UserHighlightTooltipProps): React.ReactElement;

package/build/cjs/components/UserHighlightTooltip/UserHighlightTooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"UserHighlightTooltip",{enumerable:!0,get:function(){return UserHighlightTooltip}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_TooltipContent=require("../Tooltip/TooltipContent");function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange}){let tooltipId=(0,_react.useMemo)(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=(0,_react.useRef)(!1),showTooltipTimeoutId=(0,_react.useRef)(null),hideTooltipTimeoutId=(0,_react.useRef)(null),triggerHovered=(0,_react.useRef)(!1),rangeRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1),rangeRef.current=range}},[triggerElements,selectedRange]);let[tooltipVisible,setTooltipVisible]=(0,_react.useState)(!1),toggleVisibility=(0,_react.useCallback)(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);(0,_react.useEffect)(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=(0,_react.useCallback)(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=(0,_react.useCallback)(()=>{triggerHovered.current=!0,tooltipVisible||(clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{!tooltipVisible&&triggerHovered.current&&toggleVisibility(!0)},200))},[toggleVisibility,tooltipVisible]),handleTriggerPointerLeave=(0,_react.useCallback)(()=>{clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,hideTooltipAfterDelay()},[hideTooltipAfterDelay]);return((0,_react.useEffect)(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),(0,_react.useEffect)(()=>(triggerElements.forEach(node=>{node.addEventListener("pointerenter",handleTriggerPointerEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",handleTriggerPointerEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}),[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),(0,_react.useEffect)(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?_react.default.createElement(_TooltipContent.TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,"aria-hidden":!0,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"UserHighlightTooltip",{enumerable:!0,get:function(){return UserHighlightTooltip}});const _react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_TooltipContent=require("../Tooltip/TooltipContent");function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=(0,_react.useMemo)(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=(0,_react.useRef)(!1),showTooltipTimeoutId=(0,_react.useRef)(null),hideTooltipTimeoutId=(0,_react.useRef)(null),triggerHovered=(0,_react.useRef)(!1),rangeRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=(0,_react.useState)(!1),toggleVisibility=(0,_react.useCallback)(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);(0,_react.useEffect)(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=(0,_react.useCallback)(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=(0,_react.useCallback)(()=>{triggerHovered.current=!0,tooltipVisible||(clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{!tooltipVisible&&triggerHovered.current&&toggleVisibility(!0)},200))},[toggleVisibility,tooltipVisible]),handleTriggerPointerLeave=(0,_react.useCallback)(()=>{clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,hideTooltipAfterDelay()},[hideTooltipAfterDelay]);return((0,_react.useEffect)(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),(0,_react.useEffect)(()=>(triggerElements.forEach(node=>{node.addEventListener("pointerenter",handleTriggerPointerEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",handleTriggerPointerEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}),[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),(0,_react.useEffect)(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?_react.default.createElement(_TooltipContent.TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,"aria-hidden":!0,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}

package/build/cjs/index.d.ts

@@ -28,6 +28,7 @@ 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";

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/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);const{dark,light}=_visualConfig.ambossVisualConfiguration;

package/build/cjs/web-tokens/_colors.json

@@ -316,6 +316,15 @@
             "lightValue": "#40515e",
             "lightOriginalValue": "gray.dark01"
         },
+        "color-background-placeholder-default": {
+            "name": "background.placeholder",
+            "description": "Use as background color for empty states of certain UI elements, e.g. Sliders, Skeletons",
+            "subState": "default",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#e0e6eb",
+            "lightOriginalValue": "gray.light02"
+        },
         "color-background-backdrop-default": {
             "name": "background.backdrop",
             "description": "Use as the overlay behind UI elements that appear on top of- and block the main interface (e.g. modals or bottom sheets)",
@@ -1030,6 +1039,16 @@
             "lightOriginalValue": "red.regular-transparent02"
         }
     },
+    "range-input": {
+        "color-range-input-background-thumb": {
+            "name": "range-input.background",
+            "subState": "thumb",
+            "darkValue": "#d8dade",
+            "darkOriginalValue": "night-gray.light03",
+            "lightValue": "#ffffff",
+            "lightOriginalValue": "neutral.white"
+        }
+    },
     "a": {
         "elevation-a": {
             "name": "a",

package/build/cjs/web-tokens/visualConfig.d.ts

@@ -190,6 +190,9 @@ type AmbossTheme = {
                 "active": string;
                 "selectedHover": string;
             };
+            "placeholder": {
+                "default": string;
+            };
             "backdrop": {
                 "default": string;
             };
@@ -348,6 +351,13 @@ type AmbossTheme = {
                 "active": string;
             };
         };
+        "rangeInput": {
+            "background": {
+                "thumb": {
+                    "default": string;
+                };
+            };
+        };
     };
     "elevation": {
         "a": string;

package/build/cjs/web-tokens/visualConfig.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#28816b",hover:"#41a48a",active:"#233d3d",disabled:"rgba(40, 129, 107, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#233d3d"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#41a48a",hover:"#a6f2dd"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#41a48a",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#62b2bc"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#41a48a"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#28816b"},error:{default:"#d07c7c"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#62b2bc",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}}},elevation:{a:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",c:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",d:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#28816b",hover:"#233d3d",active:"#262e33",disabled:"rgba(40, 129, 107, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#28816b",hover:"#233d3d"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#28816b",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#28816b"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#ffffff"},accent:{default:"#0fa980",hover:"#0b8363",active:"#0a5c45",disabled:"rgba(15, 169, 128, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e8f8f4"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#0b8363",hover:"#0a5c45"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#0b8363",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#0b8363"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#8adcc6"},error:{default:"#dc4847"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#067c89",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}}},elevation:{a:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",c:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",d:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#0b8363",hover:"#0a5c45",active:"#0a5c45",disabled:"rgba(10, 92, 69, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#8adcc6",hover:"#0fa980"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#8adcc6",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#607585"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#28816b",hover:"#41a48a",active:"#233d3d",disabled:"rgba(40, 129, 107, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#233d3d"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#41a48a",hover:"#a6f2dd"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#41a48a",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#62b2bc"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#41a48a"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#28816b"},error:{default:"#d07c7c"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#62b2bc",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}}},elevation:{a:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",c:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",d:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#28816b",hover:"#233d3d",active:"#262e33",disabled:"rgba(40, 129, 107, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#28816b",hover:"#233d3d"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#28816b",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#28816b"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#ffffff"},accent:{default:"#0fa980",hover:"#0b8363",active:"#0a5c45",disabled:"rgba(15, 169, 128, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e8f8f4"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#0b8363",hover:"#0a5c45"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#0b8363",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#0b8363"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#8adcc6"},error:{default:"#dc4847"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#067c89",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}}},elevation:{a:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",c:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",d:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#0b8363",hover:"#0a5c45",active:"#0a5c45",disabled:"rgba(10, 92, 69, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#8adcc6",hover:"#0fa980"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#8adcc6",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#607585"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};

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

@@ -1 +1 @@
-import React from"react";import{Stack}from"../../Stack/Stack";import{Text}from"../../Typography/Text/Text";export function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){return React.createElement(Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"zero"},messages.map(message=>React.createElement(Text,{size:"xs",key:message,variant:"error"},message)))}
+import React from"react";import{Stack}from"../../Stack/Stack";import{Text}from"../../Typography/Text/Text";export function FormErrorMessages({messages=[],"data-e2e-test-id":dataE2eTestId}){return React.createElement(Stack,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"FormErrorMessages",space:"zero"},messages.map(message=>React.createElement(Text,{size:"s",color:"error",key:message},message)))}

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

@@ -1,3 +1,3 @@
-import React from"react";import styled from"@emotion/styled";import{Stack}from"../../Stack/Stack";import{Text}from"../../Typography/Text/Text";import{FormErrorMessages}from"../FormErrorMessages/FormErrorMessages";import{FormLabelText}from"../FormLabelText/FormLabelText";let StyledFormField=styled("div",{target:"e16ij8qw0",label:"StyledFormField"})(({theme,disabled})=>disabled&&`
+import React from"react";import styled from"@emotion/styled";import{Stack}from"../../Stack/Stack";import{Text}from"../../Typography/Text/Text";import{FormErrorMessages}from"../FormErrorMessages/FormErrorMessages";import{FormLabelText}from"../FormLabelText/FormLabelText";let StyledFormField=styled("div",{target:"ed2o3mp0",label:"StyledFormField"})(({theme,disabled})=>disabled&&`
     opacity: ${theme.variables.opacity.form.disabled}
-`,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgRm9ybUVycm9yTWVzc2FnZXMgfSBmcm9tIFwiLi4vRm9ybUVycm9yTWVzc2FnZXMvRm9ybUVycm9yTWVzc2FnZXNcIjtcbmltcG9ydCB7IEZvcm1MYWJlbFRleHQgfSBmcm9tIFwiLi4vRm9ybUxhYmVsVGV4dC9Gb3JtTGFiZWxUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZFByb3BzID0ge1xuICBsYWJlbD86IHN0cmluZztcbiAgbGFiZWxIaW50Pzogc3RyaW5nO1xuICBlcnJvck1lc3NhZ2VzPzogc3RyaW5nW107XG4gIGhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRm9ybUZpZWxkQ29tcG9uZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxuY29uc3QgU3R5bGVkRm9ybUZpZWxkID0gc3R5bGVkLmRpdjxQYXJ0aWFsPEZvcm1GaWVsZFByb3BzPj4oXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkICYmXG4gICAgYFxuICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZm9ybS5kaXNhYmxlZH1cbmBcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGQoe1xuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGhpbnQgPSBcIlwiLFxuICBlcnJvck1lc3NhZ2VzID0gW10sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgXCJkYXRhLWRzLWlkXCI6IGRhdGFEc0lkID0gXCJGb3JtRmllbGRcIixcbn06IEZvcm1GaWVsZENvbXBvbmVudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFsaWRFcnJvck1lc3NhZ2VzID0gZXJyb3JNZXNzYWdlcy5maWx0ZXIoKG1lc3NhZ2UpID0+IG1lc3NhZ2UpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8Rm9ybUxhYmVsVGV4dCBsYWJlbEhpbnQ9e2xhYmVsSGludH0+e2xhYmVsfTwvRm9ybUxhYmVsVGV4dD5cbiAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICB7aGludCAmJiAhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiA8VGV4dCBzaXplPVwieHNcIj57aGludH08L1RleHQ+fVxuICAgICAgICB7ISF2YWxpZEVycm9yTWVzc2FnZXMubGVuZ3RoICYmIChcbiAgICAgICAgICA8Rm9ybUVycm9yTWVzc2FnZXMgbWVzc2FnZXM9e3ZhbGlkRXJyb3JNZXNzYWdlc30gLz5cbiAgICAgICAgKX1cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9TdHlsZWRGb3JtRmllbGQ+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJ3QiJ9 */");export function FormField({label="",labelHint="",hint="",errorMessages=[],disabled=!1,children,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="FormField"}){let validErrorMessages=errorMessages.filter(message=>message);return React.createElement(StyledFormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,disabled:disabled},React.createElement(Stack,{space:"xxs"},React.createElement("label",null,React.createElement(Stack,{space:"xs"},label&&React.createElement(FormLabelText,{labelHint:labelHint},label),children)),hint&&!validErrorMessages.length&&React.createElement(Text,{size:"xs"},hint),!!validErrorMessages.length&&React.createElement(FormErrorMessages,{messages:validErrorMessages})))}
+`,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvRm9ybS9Gb3JtRmllbGQvRm9ybUZpZWxkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSBqc3gtYTExeS9sYWJlbC1oYXMtYXNzb2NpYXRlZC1jb250cm9sICovXG5cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi8uLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi8uLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHsgRm9ybUVycm9yTWVzc2FnZXMgfSBmcm9tIFwiLi4vRm9ybUVycm9yTWVzc2FnZXMvRm9ybUVycm9yTWVzc2FnZXNcIjtcbmltcG9ydCB7IEZvcm1MYWJlbFRleHQgfSBmcm9tIFwiLi4vRm9ybUxhYmVsVGV4dC9Gb3JtTGFiZWxUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIEZvcm1GaWVsZFByb3BzID0ge1xuICBsYWJlbD86IHN0cmluZztcbiAgbGFiZWxIaW50Pzogc3RyaW5nO1xuICBlcnJvck1lc3NhZ2VzPzogc3RyaW5nW107XG4gIGhpbnQ/OiBzdHJpbmc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIC8qKiBAaWdub3JlICovXG4gIFwiZGF0YS1kcy1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgRm9ybUZpZWxkQ29tcG9uZW50UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVbXSB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbn0gJiBGb3JtRmllbGRQcm9wcztcblxuY29uc3QgU3R5bGVkRm9ybUZpZWxkID0gc3R5bGVkLmRpdjxQYXJ0aWFsPEZvcm1GaWVsZFByb3BzPj4oXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkICYmXG4gICAgYFxuICAgIG9wYWNpdHk6ICR7dGhlbWUudmFyaWFibGVzLm9wYWNpdHkuZm9ybS5kaXNhYmxlZH1cbmBcbik7XG5cbmV4cG9ydCBmdW5jdGlvbiBGb3JtRmllbGQoe1xuICBsYWJlbCA9IFwiXCIsXG4gIGxhYmVsSGludCA9IFwiXCIsXG4gIGhpbnQgPSBcIlwiLFxuICBlcnJvck1lc3NhZ2VzID0gW10sXG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgXCJkYXRhLWRzLWlkXCI6IGRhdGFEc0lkID0gXCJGb3JtRmllbGRcIixcbn06IEZvcm1GaWVsZENvbXBvbmVudFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgdmFsaWRFcnJvck1lc3NhZ2VzID0gZXJyb3JNZXNzYWdlcy5maWx0ZXIoKG1lc3NhZ2UpID0+IG1lc3NhZ2UpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRGb3JtRmllbGRcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgPGxhYmVsPlxuICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICA8Rm9ybUxhYmVsVGV4dCBsYWJlbEhpbnQ9e2xhYmVsSGludH0+e2xhYmVsfTwvRm9ybUxhYmVsVGV4dD5cbiAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICA8L2xhYmVsPlxuICAgICAgICB7aGludCAmJiAhdmFsaWRFcnJvck1lc3NhZ2VzLmxlbmd0aCAmJiAoXG4gICAgICAgICAgPFRleHQgc2l6ZT1cInNcIiBjb2xvcj1cInRlcnRpYXJ5XCI+XG4gICAgICAgICAgICB7aGludH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICAgIHshIXZhbGlkRXJyb3JNZXNzYWdlcy5sZW5ndGggJiYgKFxuICAgICAgICAgIDxGb3JtRXJyb3JNZXNzYWdlcyBtZXNzYWdlcz17dmFsaWRFcnJvck1lc3NhZ2VzfSAvPlxuICAgICAgICApfVxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0eWxlZEZvcm1GaWVsZD5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QndCIn0= */");export function FormField({label="",labelHint="",hint="",errorMessages=[],disabled=!1,children,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="FormField"}){let validErrorMessages=errorMessages.filter(message=>message);return React.createElement(StyledFormField,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,disabled:disabled},React.createElement(Stack,{space:"xxs"},React.createElement("label",null,React.createElement(Stack,{space:"xs"},label&&React.createElement(FormLabelText,{labelHint:labelHint},label),children)),hint&&!validErrorMessages.length&&React.createElement(Text,{size:"s",color:"tertiary"},hint),!!validErrorMessages.length&&React.createElement(FormErrorMessages,{messages:validErrorMessages})))}

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

@@ -0,0 +1,36 @@
+import React from "react";
+import type { FormFieldProps } from "../FormField/FormField";
+export type RangeInputProps = {
+    name: string;
+    value: number;
+    /** The step size for each change in the range input's value. */
+    step?: number;
+    min?: number;
+    max?: number;
+    tabIndex?: number;
+    disabled?: boolean;
+    hasError?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onSlideStart?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    "data-e2e-test-id"?: string;
+} & FormFieldProps;
+export declare const RangeInput: React.ForwardRefExoticComponent<{
+    name: string;
+    value: number;
+    /** The step size for each change in the range input's value. */
+    step?: number;
+    min?: number;
+    max?: number;
+    tabIndex?: number;
+    disabled?: boolean;
+    hasError?: boolean;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onSlideStart?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onClick?: (e: React.FormEvent<HTMLInputElement>) => void;
+    "data-e2e-test-id"?: string;
+} & FormFieldProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+import React,{useMemo,useCallback}from"react";import styled from"@emotion/styled";import{useTheme}from"@emotion/react";import{FormField}from"../FormField/FormField";let StyledInput=styled("input",{target:"e5dcjjy0",label:"StyledInput"})(({theme})=>{let resetStyles={WebkitAppearance:"none",appearance:"none"},thumbStyles={...resetStyles,backgroundColor:theme.values.color.rangeInput.background.thumb.default,boxShadow:theme.values.elevation.c,height:"20px",width:"20px",borderRadius:"50%",border:0};return{...resetStyles,height:"4px",borderRadius:theme.variables.size.borderRadius.xs,cursor:"pointer",width:"100%",margin:`${theme.variables.size.spacing.s} 0 ${theme.variables.size.spacing.m} 0`,"&:disabled":{cursor:"default"},"::-webkit-slider-thumb":thumbStyles,"::-moz-range-thumb":thumbStyles,"::-ms-thumb":thumbStyles}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9SYW5nZUlucHV0L1JhbmdlSW5wdXQudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Gb3JtL1JhbmdlSW5wdXQvUmFuZ2VJbnB1dC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuXG5pbXBvcnQgUmVhY3QsIHsgdXNlTWVtbywgdXNlQ2FsbGJhY2sgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgQ1NTT2JqZWN0IH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IEZvcm1GaWVsZFByb3BzIH0gZnJvbSBcIi4uL0Zvcm1GaWVsZC9Gb3JtRmllbGRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5cbmV4cG9ydCB0eXBlIFJhbmdlSW5wdXRQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xuICB2YWx1ZTogbnVtYmVyO1xuICAvKiogVGhlIHN0ZXAgc2l6ZSBmb3IgZWFjaCBjaGFuZ2UgaW4gdGhlIHJhbmdlIGlucHV0J3MgdmFsdWUuICovXG4gIHN0ZXA/OiBudW1iZXI7XG4gIG1pbj86IG51bWJlcjtcbiAgbWF4PzogbnVtYmVyO1xuICB0YWJJbmRleD86IG51bWJlcjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBoYXNFcnJvcj86IGJvb2xlYW47XG4gIG9uQ2hhbmdlPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4gdm9pZDtcbiAgb25Gb2N1cz86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uU2xpZGVTdGFydD86IChlOiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHZvaWQ7XG4gIG9uQ2xpY2s/OiAoZTogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB2b2lkO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn0gJiBGb3JtRmllbGRQcm9wcztcblxuY29uc3QgU3R5bGVkSW5wdXQgPSBzdHlsZWQuaW5wdXQ8UmFuZ2VJbnB1dFByb3BzPigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHJlc2V0U3R5bGVzID0ge1xuICAgIFdlYmtpdEFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICB9O1xuXG4gIGNvbnN0IHRodW1iU3R5bGVzID0ge1xuICAgIC4uLnJlc2V0U3R5bGVzLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnJhbmdlSW5wdXQuYmFja2dyb3VuZC50aHVtYi5kZWZhdWx0LFxuICAgIGJveFNoYWRvdzogdGhlbWUudmFsdWVzLmVsZXZhdGlvbi5jLFxuICAgIGhlaWdodDogXCIyMHB4XCIsXG4gICAgd2lkdGg6IFwiMjBweFwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBib3JkZXI6IDAsXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAuLi5yZXNldFN0eWxlcyxcbiAgICBoZWlnaHQ6IFwiNHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnN9IDAgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IDBgLFxuXG4gICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgIGN1cnNvcjogXCJkZWZhdWx0XCIsXG4gICAgfSxcblxuICAgIFwiOjotd2Via2l0LXNsaWRlci10aHVtYlwiOiB0aHVtYlN0eWxlcyxcbiAgICBcIjo6LW1vei1yYW5nZS10aHVtYlwiOiB0aHVtYlN0eWxlcyxcbiAgICBcIjo6LW1zLXRodW1iXCI6IHRodW1iU3R5bGVzLFxuICB9IGFzIENTU09iamVjdDtcbn0pO1xuXG5leHBvcnQgY29uc3QgUmFuZ2VJbnB1dCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBuYW1lLFxuICAgICAgc3RlcCA9IDEsXG4gICAgICBtaW4gPSAwLFxuICAgICAgbWF4ID0gMTAwLFxuICAgICAgdmFsdWUgPSBtaW4sXG4gICAgICB0YWJJbmRleCxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgb25CbHVyLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uU2xpZGVTdGFydCxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICAuLi5yZXN0XG4gICAgfTogUmFuZ2VJbnB1dFByb3BzLFxuICAgIHJlZjogUmVhY3QuUmVmT2JqZWN0PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICk6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gICAgY29uc3QgYmFja2dyb3VuZCA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgY29uc3QgcHJvZ3Jlc3MgPSAoKHZhbHVlIC0gbWluKSAvIChtYXggLSBtaW4pKSAqIDEwMDtcbiAgICAgIGNvbnN0IGFjY2VudEJnID0gdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQ7XG4gICAgICBjb25zdCBwbGFjZWhvbGRlckJnID0gdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQucGxhY2Vob2xkZXIuZGVmYXVsdDtcbiAgICAgIHJldHVybiBgbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAke2FjY2VudEJnfSAwJSwgJHthY2NlbnRCZ30gJHtwcm9ncmVzc30lLCAke3BsYWNlaG9sZGVyQmd9ICR7cHJvZ3Jlc3N9JSwgJHtwbGFjZWhvbGRlckJnfSAxMDAlKWA7XG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gICAgfSwgW3ZhbHVlLCBtaW4sIG1heCwgdGhlbWUubmFtZV0pO1xuXG4gICAgY29uc3QgaGFuZGxlU2xpZGVTdGFydCA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IFJlYWN0LkZvcm1FdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgICAgICBpZiAob25TbGlkZVN0YXJ0KSB7XG4gICAgICAgICAgb25TbGlkZVN0YXJ0KGUpO1xuICAgICAgICB9XG4gICAgICB9LFxuICAgICAgW29uU2xpZGVTdGFydF1cbiAgICApO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxGb3JtRmllbGQgZGF0YS1kcy1pZD1cIlJhbmdlSW5wdXRcIiB7Li4uKHJlc3QgYXMgRm9ybUZpZWxkUHJvcHMpfT5cbiAgICAgICAgPFN0eWxlZElucHV0XG4gICAgICAgICAgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kIH19XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgbWluPXttaW59XG4gICAgICAgICAgbWF4PXttYXh9XG4gICAgICAgICAgc3RlcD17c3RlcH1cbiAgICAgICAgICBkaXNhYmxlZD17cmVzdC5kaXNhYmxlZH1cbiAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgIG9uTW91c2VEb3duPXtoYW5kbGVTbGlkZVN0YXJ0fVxuICAgICAgICAgIG9uVG91Y2hTdGFydD17aGFuZGxlU2xpZGVTdGFydH1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgIC8+XG4gICAgICA8L0Zvcm1GaWVsZD5cbiAgICApO1xuICB9XG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0IifQ== */");export const RangeInput=React.forwardRef(({name,step=1,min=0,max=100,value=min,tabIndex,onChange,onBlur,onFocus,onSlideStart,onClick,...rest},ref)=>{let theme=useTheme(),background=useMemo(()=>{let progress=(value-min)/(max-min)*100,accentBg=theme.values.color.background.accent.default,placeholderBg=theme.values.color.background.placeholder.default;return`linear-gradient(to right, ${accentBg} 0%, ${accentBg} ${progress}%, ${placeholderBg} ${progress}%, ${placeholderBg} 100%)`},[value,min,max,theme.name]),handleSlideStart=useCallback(e=>{onSlideStart&&onSlideStart(e)},[onSlideStart]);return React.createElement(FormField,{"data-ds-id":"RangeInput",...rest},React.createElement(StyledInput,{type:"range",style:{background},ref:ref,name:name,value:value,min:min,max:max,step:step,disabled:rest.disabled,onChange:onChange,onBlur:onBlur,onFocus:onFocus,onClick:onClick,onMouseDown:handleSlideStart,onTouchStart:handleSlideStart,tabIndex:tabIndex}))});

package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.d.ts

@@ -5,5 +5,6 @@ export type UserHighlightTooltipProps = Pick<TooltipContentProps, "content" | "p
     onVisibilityChange?: (isVisible: boolean) => void;
     triggerElements: HTMLElement[];
     selectedRange?: Range;
+    positionAtStart?: boolean;
 };
-export declare function UserHighlightTooltip({ content, contentPadding, placement, maxWidth, portalContainer, "data-e2e-test-id": dataE2eTestId, triggerElements, selectedRange, onVisibilityChange, }: UserHighlightTooltipProps): React.ReactElement;
+export declare function UserHighlightTooltip({ content, contentPadding, placement, maxWidth, portalContainer, "data-e2e-test-id": dataE2eTestId, triggerElements, selectedRange, onVisibilityChange, positionAtStart, }: UserHighlightTooltipProps): React.ReactElement;

package/build/esm/components/UserHighlightTooltip/UserHighlightTooltip.js

@@ -1 +1 @@
-import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{TooltipContent}from"../Tooltip/TooltipContent";export function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange}){let tooltipId=useMemo(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=useRef(!1),showTooltipTimeoutId=useRef(null),hideTooltipTimeoutId=useRef(null),triggerHovered=useRef(!1),rangeRef=useRef(null);useEffect(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1),rangeRef.current=range}},[triggerElements,selectedRange]);let[tooltipVisible,setTooltipVisible]=useState(!1),toggleVisibility=useCallback(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);useEffect(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=useCallback(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=useCallback(()=>{triggerHovered.current=!0,tooltipVisible||(clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{!tooltipVisible&&triggerHovered.current&&toggleVisibility(!0)},200))},[toggleVisibility,tooltipVisible]),handleTriggerPointerLeave=useCallback(()=>{clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,hideTooltipAfterDelay()},[hideTooltipAfterDelay]);return(useEffect(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),useEffect(()=>(triggerElements.forEach(node=>{node.addEventListener("pointerenter",handleTriggerPointerEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",handleTriggerPointerEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}),[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),useEffect(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?React.createElement(TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,"aria-hidden":!0,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}
+import React,{useCallback,useEffect,useMemo,useRef,useState}from"react";import{TooltipContent}from"../Tooltip/TooltipContent";export function UserHighlightTooltip({content,contentPadding="s",placement="auto",maxWidth,portalContainer,"data-e2e-test-id":dataE2eTestId,triggerElements,selectedRange,onVisibilityChange,positionAtStart}){let tooltipId=useMemo(()=>`DSUserHighlightTooltip_${Math.floor(Date.now()*Math.random())}`,[]),isTooltipHovered=useRef(!1),showTooltipTimeoutId=useRef(null),hideTooltipTimeoutId=useRef(null),triggerHovered=useRef(!1),rangeRef=useRef(null);useEffect(()=>{if(selectedRange)rangeRef.current=selectedRange;else{let range=document.createRange();if(positionAtStart){let text=triggerElements[0].childNodes[0];range.setStart(text,0),range.setEnd(text,1)}else range.setStart(triggerElements[0],0),range.setEnd(triggerElements[triggerElements.length-1],1);rangeRef.current=range}},[triggerElements,selectedRange,positionAtStart]);let[tooltipVisible,setTooltipVisible]=useState(!1),toggleVisibility=useCallback(status=>{setTooltipVisible(status),onVisibilityChange&&onVisibilityChange(status)},[onVisibilityChange]);useEffect(()=>{selectedRange&&toggleVisibility(!0)},[]);let hideTooltipAfterDelay=useCallback(()=>{hideTooltipTimeoutId.current=setTimeout(()=>{triggerHovered.current||isTooltipHovered.current||!tooltipVisible||toggleVisibility(!1)},200)},[toggleVisibility,tooltipVisible]),handleTriggerPointerEnter=useCallback(()=>{triggerHovered.current=!0,tooltipVisible||(clearTimeout(showTooltipTimeoutId.current),showTooltipTimeoutId.current=setTimeout(()=>{!tooltipVisible&&triggerHovered.current&&toggleVisibility(!0)},200))},[toggleVisibility,tooltipVisible]),handleTriggerPointerLeave=useCallback(()=>{clearTimeout(hideTooltipTimeoutId.current),triggerHovered.current=!1,hideTooltipAfterDelay()},[hideTooltipAfterDelay]);return(useEffect(()=>()=>{clearTimeout(showTooltipTimeoutId.current),clearTimeout(hideTooltipTimeoutId.current)},[]),useEffect(()=>(triggerElements.forEach(node=>{node.addEventListener("pointerenter",handleTriggerPointerEnter),node.addEventListener("pointerleave",handleTriggerPointerLeave)}),()=>{triggerElements.forEach(node=>{node.removeEventListener("pointerenter",handleTriggerPointerEnter),node.removeEventListener("pointerleave",handleTriggerPointerLeave)})}),[handleTriggerPointerEnter,handleTriggerPointerLeave,triggerElements]),useEffect(()=>{triggerElements.forEach(node=>{tooltipVisible?node.setAttribute("aria-describedby",tooltipId):node.removeAttribute("aria-describedby")})},[tooltipId,tooltipVisible,triggerElements]),rangeRef.current)?React.createElement(TooltipContent,{dataDSId:"UserHighlightTooltip",content:content,placement:placement,portalContainer:portalContainer,dataE2eTestId:dataE2eTestId,isVisible:tooltipVisible,tooltipId:tooltipId,triggerRef:rangeRef,"aria-hidden":!0,role:"tooltip",contentPadding:contentPadding,maxWidth:maxWidth,onTooltipPointerEnter:()=>{isTooltipHovered.current=!0},onTooltipPointerLeave:()=>{clearTimeout(hideTooltipTimeoutId.current),isTooltipHovered.current=!1,hideTooltipAfterDelay()}}):null}

package/build/esm/index.d.ts

@@ -28,6 +28,7 @@ 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";

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/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";

package/build/esm/web-tokens/_colors.json

@@ -316,6 +316,15 @@
             "lightValue": "#40515e",
             "lightOriginalValue": "gray.dark01"
         },
+        "color-background-placeholder-default": {
+            "name": "background.placeholder",
+            "description": "Use as background color for empty states of certain UI elements, e.g. Sliders, Skeletons",
+            "subState": "default",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#e0e6eb",
+            "lightOriginalValue": "gray.light02"
+        },
         "color-background-backdrop-default": {
             "name": "background.backdrop",
             "description": "Use as the overlay behind UI elements that appear on top of- and block the main interface (e.g. modals or bottom sheets)",
@@ -1030,6 +1039,16 @@
             "lightOriginalValue": "red.regular-transparent02"
         }
     },
+    "range-input": {
+        "color-range-input-background-thumb": {
+            "name": "range-input.background",
+            "subState": "thumb",
+            "darkValue": "#d8dade",
+            "darkOriginalValue": "night-gray.light03",
+            "lightValue": "#ffffff",
+            "lightOriginalValue": "neutral.white"
+        }
+    },
     "a": {
         "elevation-a": {
             "name": "a",

package/build/esm/web-tokens/visualConfig.d.ts

@@ -190,6 +190,9 @@ type AmbossTheme = {
                 "active": string;
                 "selectedHover": string;
             };
+            "placeholder": {
+                "default": string;
+            };
             "backdrop": {
                 "default": string;
             };
@@ -348,6 +351,13 @@ type AmbossTheme = {
                 "active": string;
             };
         };
+        "rangeInput": {
+            "background": {
+                "thumb": {
+                    "default": string;
+                };
+            };
+        };
     };
     "elevation": {
         "a": string;

package/build/esm/web-tokens/visualConfig.js

@@ -1 +1 @@
-let variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}};export const ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#28816b",hover:"#41a48a",active:"#233d3d",disabled:"rgba(40, 129, 107, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#233d3d"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#41a48a",hover:"#a6f2dd"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#41a48a",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#62b2bc"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#41a48a"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#28816b"},error:{default:"#d07c7c"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#62b2bc",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}}},elevation:{a:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",c:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",d:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#28816b",hover:"#233d3d",active:"#262e33",disabled:"rgba(40, 129, 107, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#28816b",hover:"#233d3d"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#28816b",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#28816b"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#ffffff"},accent:{default:"#0fa980",hover:"#0b8363",active:"#0a5c45",disabled:"rgba(15, 169, 128, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e8f8f4"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#0b8363",hover:"#0a5c45"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#0b8363",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#0b8363"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#8adcc6"},error:{default:"#dc4847"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#067c89",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}}},elevation:{a:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",c:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",d:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#0b8363",hover:"#0a5c45",active:"#0a5c45",disabled:"rgba(10, 92, 69, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#8adcc6",hover:"#0fa980"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#8adcc6",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#607585"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
+let variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}};export const ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#28816b",hover:"#41a48a",active:"#233d3d",disabled:"rgba(40, 129, 107, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#233d3d"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#41a48a",hover:"#a6f2dd"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#41a48a",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#62b2bc"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#41a48a"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#28816b"},error:{default:"#d07c7c"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#62b2bc",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}}},elevation:{a:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",c:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",d:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#28816b",hover:"#233d3d",active:"#262e33",disabled:"rgba(40, 129, 107, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#28816b",hover:"#233d3d"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#28816b",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#28816b"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#ffffff"},accent:{default:"#0fa980",hover:"#0b8363",active:"#0a5c45",disabled:"rgba(15, 169, 128, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e8f8f4"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#0b8363",hover:"#0a5c45"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#0b8363",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#0b8363"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#8adcc6"},error:{default:"#dc4847"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#067c89",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}}},elevation:{a:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",b:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",c:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",d:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#0b8363",hover:"#0a5c45",active:"#0a5c45",disabled:"rgba(10, 92, 69, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#8adcc6",hover:"#0fa980"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#8adcc6",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#607585"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};

package/build/scss/_theming.scss

@@ -37,6 +37,7 @@
     --color-background-transparent-hover: rgba(96, 117, 133, 0.08);
     --color-background-transparent-active: rgba(96, 117, 133, 0.08);
     --color-background-transparent-selectedHover: #40515e;
+    --color-background-placeholder-default: #e0e6eb;
     --color-background-backdrop-default: rgba(0, 0, 0, 0.6);
     --color-text-primary-default: #1a1c1c;
     --color-text-primary-hover: #1a1c1c;
@@ -152,6 +153,7 @@
     --color-background-transparent-hover: rgba(147, 151, 159, 0.08);
     --color-background-transparent-active: rgba(147, 151, 159, 0.08);
     --color-background-transparent-selectedHover: #393e47;
+    --color-background-placeholder-default: #393e47;
     --color-background-backdrop-default: rgba(0, 0, 0, 0.6);
     --color-text-primary-default: #ced1d6;
     --color-text-primary-hover: #ffffff;

package/build/scss/_variables.scss

@@ -35,6 +35,7 @@ $colorBackgroundTransparentSelected: var(--color-background-transparent-selected
 $colorBackgroundTransparentHover: var(--color-background-transparent-hover);
 $colorBackgroundTransparentActive: var(--color-background-transparent-active);
 $colorBackgroundTransparentSelectedHover: var(--color-background-transparent-selectedHover);
+$colorBackgroundPlaceholder: var(--color-background-placeholder-default);
 $colorBackgroundBackdrop: var(--color-background-backdrop-default);
 $colorTextPrimary: var(--color-text-primary-default);
 $colorTextPrimaryHover: var(--color-text-primary-hover);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.23.1",
+  "version": "1.24.0",
   "description": "the design system for AMBOSS products",
   "author": "AMBOSS",
   "license": "ISC",