@amboss/design-system 3.42.2 → 3.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/cjs/components/EntityList/BaseEntityList.js +1 -1
- package/build/cjs/components/EntityList/types.d.ts +1 -0
- package/build/cjs/components/EntityList/useFocusByIndex.d.ts +1 -0
- package/build/cjs/components/EntityList/useFocusByIndex.js +1 -1
- package/build/cjs/components/NavBar/NavBar.d.ts +1 -0
- package/build/cjs/components/NavBar/NavBar.js +1 -1
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +2 -0
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -1
- package/build/cjs/components/NavBar/constants.d.ts +6 -0
- package/build/cjs/components/NavBar/constants.js +1 -1
- package/build/cjs/components/PromptInput/PromptInput.d.ts +2 -2
- package/build/cjs/components/PromptInput/PromptInput.js +1 -1
- package/build/cjs/components/PromptInput/PromptTextArea.d.ts +0 -6
- package/build/cjs/components/PromptInput/PromptTextArea.js +1 -1
- package/build/cjs/components/RoundButton/RoundButton.d.ts +4 -2
- package/build/cjs/components/RoundButton/RoundButton.js +1 -1
- package/build/cjs/components/Utilities/AnimatedBorder/useAnimatedBorder.d.ts +13 -0
- package/build/cjs/components/Utilities/AnimatedBorder/useAnimatedBorder.js +79 -0
- package/build/cjs/index.d.ts +1 -1
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/visualConfig.d.ts +8 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/EntityList/BaseEntityList.d.ts +1 -1
- package/build/esm/components/EntityList/BaseEntityList.js +1 -1
- package/build/esm/components/EntityList/types.d.ts +1 -0
- package/build/esm/components/EntityList/useFocusByIndex.d.ts +1 -0
- package/build/esm/components/EntityList/useFocusByIndex.js +1 -1
- package/build/esm/components/NavBar/NavBar.d.ts +1 -0
- package/build/esm/components/NavBar/NavBar.js +1 -1
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +2 -0
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -1
- package/build/esm/components/NavBar/constants.d.ts +6 -0
- package/build/esm/components/NavBar/constants.js +1 -1
- package/build/esm/components/PromptInput/PromptInput.d.ts +2 -2
- package/build/esm/components/PromptInput/PromptInput.js +1 -1
- package/build/esm/components/PromptInput/PromptTextArea.d.ts +0 -6
- package/build/esm/components/PromptInput/PromptTextArea.js +1 -1
- package/build/esm/components/RoundButton/RoundButton.d.ts +4 -2
- package/build/esm/components/RoundButton/RoundButton.js +1 -1
- package/build/esm/components/Utilities/AnimatedBorder/useAnimatedBorder.d.ts +13 -0
- package/build/esm/components/Utilities/AnimatedBorder/useAnimatedBorder.js +79 -0
- package/build/esm/index.d.ts +1 -1
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/visualConfig.d.ts +8 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_variables.scss +7 -3
- package/package.json +1 -1
- package/build/cjs/components/Utilities/AnimatedBorder/AnimatedBorder.d.ts +0 -24
- package/build/cjs/components/Utilities/AnimatedBorder/AnimatedBorder.js +0 -4
- package/build/esm/components/Utilities/AnimatedBorder/AnimatedBorder.d.ts +0 -24
- package/build/esm/components/Utilities/AnimatedBorder/AnimatedBorder.js +0 -4
|
@@ -13,9 +13,6 @@ export type PromptTextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> &
|
|
|
13
13
|
maxTextAreaHeight?: Property.Height;
|
|
14
14
|
selectedListItem?: FlattenedListItem;
|
|
15
15
|
isAutocompleteListOpen?: boolean;
|
|
16
|
-
isCollapsed?: boolean;
|
|
17
|
-
/** Collapsed variant showing only single row text area */
|
|
18
|
-
isNavBarVariant?: boolean;
|
|
19
16
|
hasLeftIcon?: boolean;
|
|
20
17
|
rows?: number;
|
|
21
18
|
};
|
|
@@ -27,9 +24,6 @@ export declare const PromptTextArea: React.ForwardRefExoticComponent<TextareaHTM
|
|
|
27
24
|
maxTextAreaHeight?: Property.Height;
|
|
28
25
|
selectedListItem?: FlattenedListItem;
|
|
29
26
|
isAutocompleteListOpen?: boolean;
|
|
30
|
-
isCollapsed?: boolean;
|
|
31
|
-
/** Collapsed variant showing only single row text area */
|
|
32
|
-
isNavBarVariant?: boolean;
|
|
33
27
|
hasLeftIcon?: boolean;
|
|
34
28
|
rows?: number;
|
|
35
29
|
} & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{forwardRef,useEffect}from"react";import styled from"@emotion/styled";import{getInputTextPlaceholder}from"../../shared/mixins/TextInput/getInputTextPlaceholder";import{ScreenReaderText}from"../Utilities/ScreenReaderText/ScreenReaderText";import{getAutocompleteListId}from"./AutocompleteList";export const getPaddingHorizontal=theme=>theme.variables.size.spacing.m;export const getPaddingVertical=theme=>theme.variables.size.spacing.m;let StyledTextAreaContainer=styled("label",{target:"ezuj8j20",label:"StyledTextAreaContainer"})(({theme,maxTextAreaHeight,isCollapsed,isNavBarVariant,hasLeftIcon})=>{let paddingTop=isNavBarVariant?theme.variables.size.spacing.xxs:getPaddingVertical(theme),paddingBottom=isNavBarVariant?theme.variables.size.spacing.xxs:getPaddingVertical(theme),paddingRight=theme.variables.size.spacing.xxl,basePaddingLeft=getPaddingHorizontal(theme),paddingLeft=hasLeftIcon?`calc(${basePaddingLeft} + ${theme.variables.size.dimension.icon.m} + ${theme.variables.size.spacing.xs})`:basePaddingLeft;return{display:"grid",verticalAlign:"top",alignItems:"stretch",width:"100%",borderRadius:"inherit",position:"relative",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,...isCollapsed&&{backgroundColor:theme.values.color.canvas},"&::after":{content:"attr(data-value) ' '",boxSizing:"border-box",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,gridArea:"1 / 1",whiteSpace:"pre-wrap",visibility:"hidden",maxHeight:maxTextAreaHeight},textarea:{all:"unset",resize:"none",gridArea:"1 / 1",cursor:"text",color:theme.values.color.text.primary.default,...isCollapsed&&{overflow:"hidden"},...getInputTextPlaceholder({theme})},"textarea::placeholder":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},"&::after, textarea":{minWidth:"0",overflowWrap:"break-word",padding:`${paddingTop} ${paddingRight} ${paddingBottom} ${paddingLeft}`,...!isCollapsed&&{paddingBottom:getPaddingVertical(theme)}}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvUHJvbXB0VGV4dEFyZWEudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Qcm9tcHRJbnB1dC9Qcm9tcHRUZXh0QXJlYS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QsIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRQbGFjZWhvbGRlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWl4aW5zL1RleHRJbnB1dC9nZXRJbnB1dFRleHRQbGFjZWhvbGRlclwiO1xuaW1wb3J0IHsgU2NyZWVuUmVhZGVyVGV4dCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvU2NyZWVuUmVhZGVyVGV4dC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBnZXRBdXRvY29tcGxldGVMaXN0SWQgfSBmcm9tIFwiLi9BdXRvY29tcGxldGVMaXN0XCI7XG5pbXBvcnQgdHlwZSB7IEZsYXR0ZW5lZExpc3RJdGVtIH0gZnJvbSBcIi4vQ2F0ZWdvcnlMaXN0XCI7XG5cbmV4cG9ydCBjb25zdCBnZXRQYWRkaW5nSG9yaXpvbnRhbCA9ICh0aGVtZTogVGhlbWUpOiBzdHJpbmcgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tO1xuZXhwb3J0IGNvbnN0IGdldFBhZGRpbmdWZXJ0aWNhbCA9ICh0aGVtZTogVGhlbWUpOiBzdHJpbmcgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tO1xuXG5leHBvcnQgdHlwZSBQcm9tcHRUZXh0QXJlYVByb3BzID1cbiAgVGV4dGFyZWFIVE1MQXR0cmlidXRlczxIVE1MVGV4dEFyZWFFbGVtZW50PiAmIHtcbiAgICBkYXRhRTJlVGVzdElkPzogc3RyaW5nO1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgbWF4VGV4dEFyZWFIZWlnaHQ/OiBQcm9wZXJ0eS5IZWlnaHQ7XG4gICAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICAgIGlzQXV0b2NvbXBsZXRlTGlzdE9wZW4/OiBib29sZWFuO1xuICAgIGlzQ29sbGFwc2VkPzogYm9vbGVhbjtcbiAgICAvKiogQ29sbGFwc2VkIHZhcmlhbnQgc2hvd2luZyBvbmx5IHNpbmdsZSByb3cgdGV4dCBhcmVhICovXG4gICAgaXNOYXZCYXJWYXJpYW50PzogYm9vbGVhbjtcbiAgICBoYXNMZWZ0SWNvbj86IGJvb2xlYW47XG4gICAgcm93cz86IG51bWJlcjtcbiAgfTtcblxudHlwZSBTdHlsZWRUZXh0QXJlYUNvbnRhaW5lclByb3BzID0gUGljazxcbiAgUHJvbXB0VGV4dEFyZWFQcm9wcyxcbiAgXCJtYXhUZXh0QXJlYUhlaWdodFwiIHwgXCJpc0NvbGxhcHNlZFwiIHwgXCJpc05hdkJhclZhcmlhbnRcIiB8IFwiaGFzTGVmdEljb25cIlxuPjtcblxuLy8gVGV4dGFyZWEgYXV0byBncm93IGltcGxlbWVudGVkIGFjY29yZGluZyB0byBodHRwczovL2Nzcy10cmlja3MuY29tL3RoZS1jbGVhbmVzdC10cmljay1mb3ItYXV0b2dyb3dpbmctdGV4dGFyZWFzL1xuXG5jb25zdCBTdHlsZWRUZXh0QXJlYUNvbnRhaW5lciA9IHN0eWxlZC5sYWJlbDxTdHlsZWRUZXh0QXJlYUNvbnRhaW5lclByb3BzPihcbiAgKHsgdGhlbWUsIG1heFRleHRBcmVhSGVpZ2h0LCBpc0NvbGxhcHNlZCwgaXNOYXZCYXJWYXJpYW50LCBoYXNMZWZ0SWNvbiB9KSA9PiB7XG4gICAgY29uc3QgcGFkZGluZ1RvcCA9IGlzTmF2QmFyVmFyaWFudFxuICAgICAgPyB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c1xuICAgICAgOiBnZXRQYWRkaW5nVmVydGljYWwodGhlbWUpO1xuICAgIGNvbnN0IHBhZGRpbmdCb3R0b20gPSBpc05hdkJhclZhcmlhbnRcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHNcbiAgICAgIDogZ2V0UGFkZGluZ1ZlcnRpY2FsKHRoZW1lKTtcbiAgICBjb25zdCBwYWRkaW5nUmlnaHQgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4bDtcbiAgICBjb25zdCBiYXNlUGFkZGluZ0xlZnQgPSBnZXRQYWRkaW5nSG9yaXpvbnRhbCh0aGVtZSk7XG4gICAgY29uc3QgcGFkZGluZ0xlZnQgPSBoYXNMZWZ0SWNvblxuICAgICAgPyBgY2FsYygke2Jhc2VQYWRkaW5nTGVmdH0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5pY29uLm19ICsgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzfSlgXG4gICAgICA6IGJhc2VQYWRkaW5nTGVmdDtcblxuICAgIHJldHVybiB7XG4gICAgICBkaXNwbGF5OiBcImdyaWRcIixcbiAgICAgIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG4gICAgICBhbGlnbkl0ZW1zOiBcInN0cmV0Y2hcIixcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuXG4gICAgICAuLi4oaXNDb2xsYXBzZWQgJiYge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5jYW52YXMsXG4gICAgICB9KSxcblxuICAgICAgLy8gVGV4dGFyZWEgZ3Jvd3MgZHVlIHRvIDo6YWZ0ZXIgZ3Jvd3NcbiAgICAgIC8vIGlmIHlvdSBuZWVkIHRvIG1hbmlwdWxhdGUgd2l0aCBzaXplIG9mIHRleHRhcmVhLCB5b3UgbmVlZCB0byBtYW5pcHVsYXRlIHdpdGggOjphZnRlciBhbHNvXG4gICAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgY29udGVudDogXCJhdHRyKGRhdGEtdmFsdWUpICcgJ1wiLCAvLyB0aGUgZW1wdHkgc3BhY2UgcHJldmVudHMgdGV4dGFyZWEganVtcCBvbiBncm93XG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gICAgICAgIGdyaWRBcmVhOiBcIjEgLyAxXCIsXG4gICAgICAgIHdoaXRlU3BhY2U6IFwicHJlLXdyYXBcIixcbiAgICAgICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIixcbiAgICAgICAgbWF4SGVpZ2h0OiBtYXhUZXh0QXJlYUhlaWdodCxcbiAgICAgIH0sXG5cbiAgICAgIHRleHRhcmVhOiB7XG4gICAgICAgIGFsbDogXCJ1bnNldFwiLFxuICAgICAgICByZXNpemU6IFwibm9uZVwiLFxuICAgICAgICBncmlkQXJlYTogXCIxIC8gMVwiLFxuICAgICAgICBjdXJzb3I6IFwidGV4dFwiLFxuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICAuLi4oaXNDb2xsYXBzZWQgJiYge1xuICAgICAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgICB9KSxcbiAgICAgICAgLi4uZ2V0SW5wdXRUZXh0UGxhY2Vob2xkZXIoeyB0aGVtZSB9KSxcbiAgICAgIH0sXG4gICAgICBcInRleHRhcmVhOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6YWZ0ZXIsIHRleHRhcmVhXCI6IHtcbiAgICAgICAgLy8gbWluV2lkdGggY29tZXMgdG9nZXRoZXIgd2l0aCBvdmVyZmxvd1dyYXAgdG8gYWNoaWV2ZSBicmVhay13b3JkXG4gICAgICAgIC8vIGl0IHNob3VsZCBiZSBhcHBsaWVkIGZvciA6OmFmdGVyIGFuZCB0ZXh0YXJlYVxuICAgICAgICBtaW5XaWR0aDogXCIwXCIsXG4gICAgICAgIG92ZXJmbG93V3JhcDogXCJicmVhay13b3JkXCIsXG4gICAgICAgIHBhZGRpbmc6IGAke3BhZGRpbmdUb3B9ICR7cGFkZGluZ1JpZ2h0fSAke3BhZGRpbmdCb3R0b219ICR7cGFkZGluZ0xlZnR9YCxcblxuICAgICAgICAuLi4oIWlzQ29sbGFwc2VkICYmIHtcbiAgICAgICAgICBwYWRkaW5nQm90dG9tOiBnZXRQYWRkaW5nVmVydGljYWwodGhlbWUpLFxuICAgICAgICB9KSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IFByb21wdFRleHRBcmVhID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGRhdGFFMmVUZXN0SWQsXG4gICAgICBsYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbWF4VGV4dEFyZWFIZWlnaHQgPSBcIjIwMHB4XCIsXG4gICAgICBzZWxlY3RlZExpc3RJdGVtLFxuICAgICAgaXNBdXRvY29tcGxldGVMaXN0T3BlbixcbiAgICAgIGlzQ29sbGFwc2VkLFxuICAgICAgaXNOYXZCYXJWYXJpYW50LFxuICAgICAgaGFzTGVmdEljb24sXG4gICAgICByb3dzID0gMSxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFByb21wdFRleHRBcmVhUHJvcHMsXG4gICAgcmVmOiBSZWZPYmplY3Q8SFRNTFRleHRBcmVhRWxlbWVudD5cbiAgKSA9PiB7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIGNvbnN0IHRleHRBcmVhID0gcmVmLmN1cnJlbnQ7XG5cbiAgICAgIGlmIChpc0NvbGxhcHNlZCkge1xuICAgICAgICAodGV4dEFyZWEucGFyZW50Tm9kZSBhcyBIVE1MRWxlbWVudCkuZGF0YXNldC52YWx1ZSA9IFwiXCI7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICAvLyBTZXQgdGhlIHZhbHVlIG9mIHRoZSA6OmFmdGVyIHBzdWVkbyBlbGVtZW50IHNvIHRoYXQgdGhlIFRleHRBcmVhIHJlc2l6ZXMgYWNjb3JkaW5nbHkgYXMgdGhlIGdyaWQgc3RyZXRjaGVzLlxuICAgICAgICAodGV4dEFyZWEucGFyZW50Tm9kZSBhcyBIVE1MRWxlbWVudCkuZGF0YXNldC52YWx1ZSA9IHZhbHVlO1xuICAgICAgfVxuICAgIH0sIFt2YWx1ZSwgcmVmLCBpc0NvbGxhcHNlZF0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUZXh0QXJlYUNvbnRhaW5lclxuICAgICAgICBtYXhUZXh0QXJlYUhlaWdodD17bWF4VGV4dEFyZWFIZWlnaHR9XG4gICAgICAgIGlzQ29sbGFwc2VkPXtpc0NvbGxhcHNlZH1cbiAgICAgICAgaXNOYXZCYXJWYXJpYW50PXtpc05hdkJhclZhcmlhbnR9XG4gICAgICAgIGhhc0xlZnRJY29uPXtoYXNMZWZ0SWNvbn1cbiAgICAgID5cbiAgICAgICAgPFNjcmVlblJlYWRlclRleHQ+e2xhYmVsfTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgcm9sZT1cImNvbWJvYm94XCJcbiAgICAgICAgICBhcmlhLWF1dG9jb21wbGV0ZT1cImxpc3RcIlxuICAgICAgICAgIGFyaWEtY29udHJvbHM9e1xuICAgICAgICAgICAgaXNBdXRvY29tcGxldGVMaXN0T3BlbiA/IGdldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKSA6IFwiXCJcbiAgICAgICAgICB9XG4gICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtzZWxlY3RlZExpc3RJdGVtID8gc2VsZWN0ZWRMaXN0SXRlbS5pZCA6IFwiXCJ9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBdXRvY29tcGxldGVMaXN0T3Blbn1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkVGV4dEFyZWFDb250YWluZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ2dDIn0= */");export const PromptTextArea=forwardRef(({dataE2eTestId,label,name,value,placeholder,maxTextAreaHeight="200px",selectedListItem,isAutocompleteListOpen,isCollapsed,isNavBarVariant,hasLeftIcon,rows=1,onChange,...rest},ref)=>(useEffect(()=>{let textArea=ref.current;isCollapsed?textArea.parentNode.dataset.value="":textArea.parentNode.dataset.value=value},[value,ref,isCollapsed]),React.createElement(StyledTextAreaContainer,{maxTextAreaHeight:maxTextAreaHeight,isCollapsed:isCollapsed,isNavBarVariant:isNavBarVariant,hasLeftIcon:hasLeftIcon},React.createElement(ScreenReaderText,null,label),React.createElement("textarea",{...rest,"data-e2e-test-id":dataE2eTestId,ref:ref,name:name,value:value,placeholder:placeholder,onChange:onChange,rows:rows,role:"combobox","aria-autocomplete":"list","aria-controls":isAutocompleteListOpen?getAutocompleteListId(name):"","aria-activedescendant":selectedListItem?selectedListItem.id:"","aria-expanded":isAutocompleteListOpen}))));
|
|
1
|
+
import React,{forwardRef,useEffect}from"react";import styled from"@emotion/styled";import{getInputTextPlaceholder}from"../../shared/mixins/TextInput/getInputTextPlaceholder";import{ScreenReaderText}from"../Utilities/ScreenReaderText/ScreenReaderText";import{getAutocompleteListId}from"./AutocompleteList";export const getPaddingHorizontal=theme=>theme.variables.size.spacing.m;export const getPaddingVertical=theme=>theme.variables.size.spacing.m;let StyledTextAreaContainer=styled("label",{target:"etpru980",label:"StyledTextAreaContainer"})(({theme,maxTextAreaHeight,hasLeftIcon})=>{let paddingTop=getPaddingVertical(theme),paddingBottom=getPaddingVertical(theme),paddingRight=theme.variables.size.spacing.xxl,basePaddingLeft=getPaddingHorizontal(theme),paddingLeft=hasLeftIcon?`calc(${basePaddingLeft} + ${theme.variables.size.dimension.icon.m} + ${theme.variables.size.spacing.xs})`:basePaddingLeft;return{display:"grid",verticalAlign:"top",alignItems:"stretch",width:"100%",borderRadius:"inherit",position:"relative",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,lineHeight:theme.variables.size.lineHeight.xl,"&::after":{content:"attr(data-value) ' '",boxSizing:"border-box",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,gridArea:"1 / 1",whiteSpace:"pre-wrap",visibility:"hidden",maxHeight:maxTextAreaHeight},textarea:{all:"unset",resize:"none",gridArea:"1 / 1",cursor:"text",color:theme.values.color.text.primary.default,...getInputTextPlaceholder({theme})},"textarea::placeholder":{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden"},"&::after, textarea":{minWidth:"0",overflowWrap:"break-word",padding:`${paddingTop} ${paddingRight} ${paddingBottom} ${paddingLeft}`,paddingBottom:getPaddingVertical(theme)}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvUHJvbXB0VGV4dEFyZWEudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Qcm9tcHRJbnB1dC9Qcm9tcHRUZXh0QXJlYS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QsIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBQcm9wZXJ0eSB9IGZyb20gXCJjc3N0eXBlXCI7XG5pbXBvcnQgeyBnZXRJbnB1dFRleHRQbGFjZWhvbGRlciB9IGZyb20gXCIuLi8uLi9zaGFyZWQvbWl4aW5zL1RleHRJbnB1dC9nZXRJbnB1dFRleHRQbGFjZWhvbGRlclwiO1xuaW1wb3J0IHsgU2NyZWVuUmVhZGVyVGV4dCB9IGZyb20gXCIuLi9VdGlsaXRpZXMvU2NyZWVuUmVhZGVyVGV4dC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5pbXBvcnQgeyBnZXRBdXRvY29tcGxldGVMaXN0SWQgfSBmcm9tIFwiLi9BdXRvY29tcGxldGVMaXN0XCI7XG5pbXBvcnQgdHlwZSB7IEZsYXR0ZW5lZExpc3RJdGVtIH0gZnJvbSBcIi4vQ2F0ZWdvcnlMaXN0XCI7XG5cbmV4cG9ydCBjb25zdCBnZXRQYWRkaW5nSG9yaXpvbnRhbCA9ICh0aGVtZTogVGhlbWUpOiBzdHJpbmcgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tO1xuZXhwb3J0IGNvbnN0IGdldFBhZGRpbmdWZXJ0aWNhbCA9ICh0aGVtZTogVGhlbWUpOiBzdHJpbmcgPT5cbiAgdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tO1xuXG5leHBvcnQgdHlwZSBQcm9tcHRUZXh0QXJlYVByb3BzID1cbiAgVGV4dGFyZWFIVE1MQXR0cmlidXRlczxIVE1MVGV4dEFyZWFFbGVtZW50PiAmIHtcbiAgICBkYXRhRTJlVGVzdElkPzogc3RyaW5nO1xuICAgIGxhYmVsOiBzdHJpbmc7XG4gICAgbmFtZTogc3RyaW5nO1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgbWF4VGV4dEFyZWFIZWlnaHQ/OiBQcm9wZXJ0eS5IZWlnaHQ7XG4gICAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICAgIGlzQXV0b2NvbXBsZXRlTGlzdE9wZW4/OiBib29sZWFuO1xuICAgIGhhc0xlZnRJY29uPzogYm9vbGVhbjtcbiAgICByb3dzPzogbnVtYmVyO1xuICB9O1xuXG50eXBlIFN0eWxlZFRleHRBcmVhQ29udGFpbmVyUHJvcHMgPSBQaWNrPFxuICBQcm9tcHRUZXh0QXJlYVByb3BzLFxuICBcIm1heFRleHRBcmVhSGVpZ2h0XCIgfCBcImhhc0xlZnRJY29uXCJcbj47XG5cbi8vIFRleHRhcmVhIGF1dG8gZ3JvdyBpbXBsZW1lbnRlZCBhY2NvcmRpbmcgdG8gaHR0cHM6Ly9jc3MtdHJpY2tzLmNvbS90aGUtY2xlYW5lc3QtdHJpY2stZm9yLWF1dG9ncm93aW5nLXRleHRhcmVhcy9cblxuY29uc3QgU3R5bGVkVGV4dEFyZWFDb250YWluZXIgPSBzdHlsZWQubGFiZWw8U3R5bGVkVGV4dEFyZWFDb250YWluZXJQcm9wcz4oXG4gICh7IHRoZW1lLCBtYXhUZXh0QXJlYUhlaWdodCwgaGFzTGVmdEljb24gfSkgPT4ge1xuICAgIGNvbnN0IHBhZGRpbmdUb3AgPSBnZXRQYWRkaW5nVmVydGljYWwodGhlbWUpO1xuICAgIGNvbnN0IHBhZGRpbmdCb3R0b20gPSBnZXRQYWRkaW5nVmVydGljYWwodGhlbWUpO1xuICAgIGNvbnN0IHBhZGRpbmdSaWdodCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhsO1xuICAgIGNvbnN0IGJhc2VQYWRkaW5nTGVmdCA9IGdldFBhZGRpbmdIb3Jpem9udGFsKHRoZW1lKTtcbiAgICBjb25zdCBwYWRkaW5nTGVmdCA9IGhhc0xlZnRJY29uXG4gICAgICA/IGBjYWxjKCR7YmFzZVBhZGRpbmdMZWZ0fSArICR7dGhlbWUudmFyaWFibGVzLnNpemUuZGltZW5zaW9uLmljb24ubX0gKyAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9KWBcbiAgICAgIDogYmFzZVBhZGRpbmdMZWZ0O1xuXG4gICAgcmV0dXJuIHtcbiAgICAgIGRpc3BsYXk6IFwiZ3JpZFwiLFxuICAgICAgdmVydGljYWxBbGlnbjogXCJ0b3BcIixcbiAgICAgIGFsaWduSXRlbXM6IFwic3RyZXRjaFwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgYm9yZGVyUmFkaXVzOiBcImluaGVyaXRcIixcbiAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQubSxcbiAgICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueGwsXG5cbiAgICAgIC8vIFRleHRhcmVhIGdyb3dzIGR1ZSB0byA6OmFmdGVyIGdyb3dzXG4gICAgICAvLyBpZiB5b3UgbmVlZCB0byBtYW5pcHVsYXRlIHdpdGggc2l6ZSBvZiB0ZXh0YXJlYSwgeW91IG5lZWQgdG8gbWFuaXB1bGF0ZSB3aXRoIDo6YWZ0ZXIgYWxzb1xuICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIGNvbnRlbnQ6IFwiYXR0cihkYXRhLXZhbHVlKSAnICdcIiwgLy8gdGhlIGVtcHR5IHNwYWNlIHByZXZlbnRzIHRleHRhcmVhIGp1bXAgb24gZ3Jvd1xuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgICAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5tLFxuICAgICAgICBncmlkQXJlYTogXCIxIC8gMVwiLFxuICAgICAgICB3aGl0ZVNwYWNlOiBcInByZS13cmFwXCIsXG4gICAgICAgIHZpc2liaWxpdHk6IFwiaGlkZGVuXCIsXG4gICAgICAgIG1heEhlaWdodDogbWF4VGV4dEFyZWFIZWlnaHQsXG4gICAgICB9LFxuXG4gICAgICB0ZXh0YXJlYToge1xuICAgICAgICBhbGw6IFwidW5zZXRcIixcbiAgICAgICAgcmVzaXplOiBcIm5vbmVcIixcbiAgICAgICAgZ3JpZEFyZWE6IFwiMSAvIDFcIixcbiAgICAgICAgY3Vyc29yOiBcInRleHRcIixcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgLi4uZ2V0SW5wdXRUZXh0UGxhY2Vob2xkZXIoeyB0aGVtZSB9KSxcbiAgICAgIH0sXG4gICAgICBcInRleHRhcmVhOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gICAgICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgICAgICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgICAgIH0sXG5cbiAgICAgIFwiJjo6YWZ0ZXIsIHRleHRhcmVhXCI6IHtcbiAgICAgICAgLy8gbWluV2lkdGggY29tZXMgdG9nZXRoZXIgd2l0aCBvdmVyZmxvd1dyYXAgdG8gYWNoaWV2ZSBicmVhay13b3JkXG4gICAgICAgIC8vIGl0IHNob3VsZCBiZSBhcHBsaWVkIGZvciA6OmFmdGVyIGFuZCB0ZXh0YXJlYVxuICAgICAgICBtaW5XaWR0aDogXCIwXCIsXG4gICAgICAgIG92ZXJmbG93V3JhcDogXCJicmVhay13b3JkXCIsXG4gICAgICAgIHBhZGRpbmc6IGAke3BhZGRpbmdUb3B9ICR7cGFkZGluZ1JpZ2h0fSAke3BhZGRpbmdCb3R0b219ICR7cGFkZGluZ0xlZnR9YCxcbiAgICAgICAgcGFkZGluZ0JvdHRvbTogZ2V0UGFkZGluZ1ZlcnRpY2FsKHRoZW1lKSxcbiAgICAgIH0sXG4gICAgfTtcbiAgfVxuKTtcblxuZXhwb3J0IGNvbnN0IFByb21wdFRleHRBcmVhID0gZm9yd2FyZFJlZihcbiAgKFxuICAgIHtcbiAgICAgIGRhdGFFMmVUZXN0SWQsXG4gICAgICBsYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIHBsYWNlaG9sZGVyLFxuICAgICAgbWF4VGV4dEFyZWFIZWlnaHQgPSBcIjIwMHB4XCIsXG4gICAgICBzZWxlY3RlZExpc3RJdGVtLFxuICAgICAgaXNBdXRvY29tcGxldGVMaXN0T3BlbixcbiAgICAgIGhhc0xlZnRJY29uLFxuICAgICAgcm93cyA9IDEsXG4gICAgICBvbkNoYW5nZSxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQcm9tcHRUZXh0QXJlYVByb3BzLFxuICAgIHJlZjogUmVmT2JqZWN0PEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkgPT4ge1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBjb25zdCB0ZXh0QXJlYSA9IHJlZi5jdXJyZW50O1xuXG4gICAgICAvLyBTZXQgdGhlIHZhbHVlIG9mIHRoZSA6OmFmdGVyIHBzZXVkbyBlbGVtZW50IHNvIHRoYXQgdGhlIFRleHRBcmVhIHJlc2l6ZXMgYWNjb3JkaW5nbHkgYXMgdGhlIGdyaWQgc3RyZXRjaGVzLlxuICAgICAgKHRleHRBcmVhLnBhcmVudE5vZGUgYXMgSFRNTEVsZW1lbnQpLmRhdGFzZXQudmFsdWUgPSB2YWx1ZTtcbiAgICB9LCBbdmFsdWUsIHJlZl0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRUZXh0QXJlYUNvbnRhaW5lclxuICAgICAgICBtYXhUZXh0QXJlYUhlaWdodD17bWF4VGV4dEFyZWFIZWlnaHR9XG4gICAgICAgIGhhc0xlZnRJY29uPXtoYXNMZWZ0SWNvbn1cbiAgICAgID5cbiAgICAgICAgPFNjcmVlblJlYWRlclRleHQ+e2xhYmVsfTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17cGxhY2Vob2xkZXJ9XG4gICAgICAgICAgb25DaGFuZ2U9e29uQ2hhbmdlfVxuICAgICAgICAgIHJvd3M9e3Jvd3N9XG4gICAgICAgICAgcm9sZT1cImNvbWJvYm94XCJcbiAgICAgICAgICBhcmlhLWF1dG9jb21wbGV0ZT1cImxpc3RcIlxuICAgICAgICAgIGFyaWEtY29udHJvbHM9e1xuICAgICAgICAgICAgaXNBdXRvY29tcGxldGVMaXN0T3BlbiA/IGdldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKSA6IFwiXCJcbiAgICAgICAgICB9XG4gICAgICAgICAgYXJpYS1hY3RpdmVkZXNjZW5kYW50PXtzZWxlY3RlZExpc3RJdGVtID8gc2VsZWN0ZWRMaXN0SXRlbS5pZCA6IFwiXCJ9XG4gICAgICAgICAgYXJpYS1leHBhbmRlZD17aXNBdXRvY29tcGxldGVMaXN0T3Blbn1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkVGV4dEFyZWFDb250YWluZXI+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ2dDIn0= */");export const PromptTextArea=forwardRef(({dataE2eTestId,label,name,value,placeholder,maxTextAreaHeight="200px",selectedListItem,isAutocompleteListOpen,hasLeftIcon,rows=1,onChange,...rest},ref)=>(useEffect(()=>{ref.current.parentNode.dataset.value=value},[value,ref]),React.createElement(StyledTextAreaContainer,{maxTextAreaHeight:maxTextAreaHeight,hasLeftIcon:hasLeftIcon},React.createElement(ScreenReaderText,null,label),React.createElement("textarea",{...rest,"data-e2e-test-id":dataE2eTestId,ref:ref,name:name,value:value,placeholder:placeholder,onChange:onChange,rows:rows,role:"combobox","aria-autocomplete":"list","aria-controls":isAutocompleteListOpen?getAutocompleteListId(name):"","aria-activedescendant":selectedListItem?selectedListItem.id:"","aria-expanded":isAutocompleteListOpen}))));
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { IconName } from "../Icon/Icon";
|
|
3
3
|
import type { ButtonProps } from "../Button/Button";
|
|
4
|
-
import type {
|
|
4
|
+
import type { PolymorphicComponentPropsWithRef } from "../../types";
|
|
5
5
|
export type RoundButtonProps = Omit<ButtonProps, "destructive" | "loading" | "leftIcon" | "rightIcon" | "fullWidth" | "privateProps" | "size"> & {
|
|
6
6
|
/** The centered icon to be displayed. */
|
|
7
7
|
icon: IconName;
|
|
8
8
|
};
|
|
9
|
-
|
|
9
|
+
type RoundButtonComponent = <C extends React.ElementType = "button">(props: PolymorphicComponentPropsWithRef<C, RoundButtonProps>) => React.ReactNode | null;
|
|
10
|
+
export declare const RoundButton: RoundButtonComponent;
|
|
11
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useCallback}from"react";import styled from"@emotion/styled";import{getAriaAttributes}from"../../shared/ariaAttributes";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledRoundButton=styled("button",{target:"
|
|
1
|
+
import React,{useCallback}from"react";import styled from"@emotion/styled";import{getAriaAttributes}from"../../shared/ariaAttributes";import{Icon}from"../Icon/Icon";import{Inline}from"../Inline/Inline";let StyledRoundButton=styled("button",{target:"ejdr0oq0",label:"StyledRoundButton"})(({theme,variant,disabled})=>({"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},border:0,display:"inline-block",textTransform:"none",textDecoration:"none",borderRadius:"100%",fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,padding:theme.variables.size.spacing.xs,cursor:"pointer",...disabled&&{opacity:theme.variables.opacity.disabled,cursor:"not-allowed"},..."primary"===variant&&{backgroundColor:theme.values.color.background.accent.default,color:theme.values.color.text.onAccent.default,...!disabled&&{"&:hover":{backgroundColor:theme.values.color.background.accent.hover},"&:active":{backgroundColor:theme.values.color.background.accent.active}}},..."secondary"===variant&&{border:"2px solid",color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,borderColor:theme.values.color.border.secondary.default,padding:parseInt(theme.variables.size.spacing.xs,10)-2,...!disabled&&{"&:hover":{borderColor:theme.values.color.border.secondary.hover},"&:active":{borderColor:theme.values.color.border.secondary.active}}},..."tertiary"===variant&&{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,...!disabled&&{"&:hover":{color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUm91bmRCdXR0b24vUm91bmRCdXR0b24udHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9Sb3VuZEJ1dHRvbi9Sb3VuZEJ1dHRvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXByb3BzLW5vLXNwcmVhZGluZyAqL1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGdldEFyaWFBdHRyaWJ1dGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9hcmlhQXR0cmlidXRlc1wiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHR5cGUgeyBCdXR0b25Qcm9wcyB9IGZyb20gXCIuLi9CdXR0b24vQnV0dG9uXCI7XG5pbXBvcnQgdHlwZSB7XG4gIFBvbHltb3JwaGljUmVmLFxuICBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZixcbn0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbmNvbnN0IFN0eWxlZFJvdW5kQnV0dG9uID0gc3R5bGVkLmJ1dHRvbjxQYXJ0aWFsPFJvdW5kQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIGRpc2FibGVkIH0pID0+ICh7XG4gICAgXCImW3R5cGU9J2J1dHRvbiddXCI6IHtcbiAgICAgIGFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgTW96QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBXZWJraXRBcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICB9LFxuICAgIGJvcmRlcjogMCxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIHRleHRUcmFuc2Zvcm06IFwibm9uZVwiLFxuICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTAwJVwiLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQucyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQuYm9sZCxcbiAgICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgLi4uKGRpc2FibGVkICYmIHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmRpc2FibGVkLFxuICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCIsXG4gICAgfSksXG4gICAgLi4uKHZhcmlhbnQgPT09IFwicHJpbWFyeVwiICYmIHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQub25BY2NlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMnB4IHNvbGlkXCIsXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuc2Vjb25kYXJ5LmRlZmF1bHQsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsIDEwKSAtIDIsXG4gICAgICAuLi4oIWRpc2FibGVkICYmIHtcbiAgICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuaG92ZXIsXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICAgIGJvcmRlckNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5hY3RpdmUsXG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICB9KSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJ0ZXJ0aWFyeVwiICYmIHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICAgIC4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5zZWNvbmRhcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyLFxuICAgICAgICB9LFxuICAgICAgICBcIiY6YWN0aXZlXCI6IHtcbiAgICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBSb3VuZEJ1dHRvblByb3BzID0gT21pdDxcbiAgQnV0dG9uUHJvcHMsXG4gIHwgXCJkZXN0cnVjdGl2ZVwiXG4gIHwgXCJsb2FkaW5nXCJcbiAgfCBcImxlZnRJY29uXCJcbiAgfCBcInJpZ2h0SWNvblwiXG4gIHwgXCJmdWxsV2lkdGhcIlxuICB8IFwicHJpdmF0ZVByb3BzXCJcbiAgfCBcInNpemVcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG59O1xuXG50eXBlIFJvdW5kQnV0dG9uQ29tcG9uZW50ID0gPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYnV0dG9uXCI+KFxuICBwcm9wczogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUm91bmRCdXR0b25Qcm9wcz5cbikgPT4gUmVhY3QuUmVhY3ROb2RlIHwgbnVsbDtcblxuZXhwb3J0IGNvbnN0IFJvdW5kQnV0dG9uOiBSb3VuZEJ1dHRvbkNvbXBvbmVudCA9IFJlYWN0LmZvcndhcmRSZWYoXG4gIDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgICB7XG4gICAgICBhcmlhQXR0cmlidXRlcyxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgIHZhcmlhbnQgPSBcInRlcnRpYXJ5XCIsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgICAgIC4uLnJlc3RcbiAgICB9OiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzV2l0aFJlZjxDLCBSb3VuZEJ1dHRvblByb3BzPixcbiAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICApID0+IHtcbiAgICBjb25zdCBtZXJnZWRBcmlhQXR0cmlidXRlcyA9IGdldEFyaWFBdHRyaWJ1dGVzKHJlc3QsIGFyaWFBdHRyaWJ1dGVzKTtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9XG4gICAgICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgICAgb25DbGljayhlKTtcbiAgICAgICAgfVxuICAgICAgfSxcbiAgICAgIFtkaXNhYmxlZCwgb25DbGlja11cbiAgICApO1xuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUm91bmRCdXR0b25cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJSb3VuZEJ1dHRvblwiXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB0eXBlPXthcyA9PT0gXCJhXCIgPyB1bmRlZmluZWQgOiB0eXBlfVxuICAgICAgICBvbkNsaWNrPXtoYW5kbGVDbGlja31cbiAgICAgICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICB7Li4ubWVyZ2VkQXJpYUF0dHJpYnV0ZXN9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAge2ljb24gJiYgKFxuICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgICBkYXRhLXRlc3RpZD17aWNvbn1cbiAgICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZFJvdW5kQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTBCIn0= */");export const RoundButton=React.forwardRef(({ariaAttributes,onClick,onFocus,onBlur,type="button",disabled,variant="tertiary",as,icon,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let mergedAriaAttributes=getAriaAttributes(rest,ariaAttributes),handleClick=useCallback(e=>{disabled&&e.preventDefault(),onClick&&onClick(e)},[disabled,onClick]);return React.createElement(StyledRoundButton,{ref:ref,"data-e2e-test-id":dataE2eTestId,"data-ds-id":"RoundButton",as:as,variant:variant,disabled:disabled,type:"a"===as?void 0:type,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...rest,...mergedAriaAttributes},React.createElement(Inline,{vAlignItems:"center",alignItems:"center",space:"xxs",noWrap:!0},icon&&React.createElement(Icon,{size:"s",name:icon,"data-testid":icon,"data-e2e-test-id":icon})))});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type UseAnimatedBorderOptions = {
|
|
2
|
+
/** Border radius in px */
|
|
3
|
+
radius?: number;
|
|
4
|
+
/** Number of animation iterations
|
|
5
|
+
* @default 1
|
|
6
|
+
*/
|
|
7
|
+
iterations?: number;
|
|
8
|
+
/** Hide the border of the children */
|
|
9
|
+
hideChildBorder?: boolean;
|
|
10
|
+
/** Skip animation entirely */
|
|
11
|
+
skipAnimation?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export declare function useAnimatedBorder(ref: React.RefObject<HTMLElement | null>, options?: UseAnimatedBorderOptions): void;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import{useEffect}from"react";import{useTheme}from"@emotion/react";import{useDocument}from"../../../shared/useDocument";let ANIMATED_BORDER_ATTR="data-animated-border",GRADIENT_PURPLE="147, 105, 255",GRADIENT_TEAL="10, 166, 184",cssVars={radius:"--ab-radius",iterations:"--ab-iterations"},gradientStops=[[`rgba(${GRADIENT_PURPLE}, 0)`,0],[`rgba(${GRADIENT_PURPLE}, 1)`,30],[`rgba(${GRADIENT_TEAL}, 1)`,50],[`rgba(${GRADIENT_TEAL}, 1)`,60],[`rgba(${GRADIENT_TEAL}, 0.5)`,70],[`rgba(${GRADIENT_TEAL}, 0)`,80]].map(([color,atPercent])=>`${color} ${atPercent/100*360}deg`).join(", "),globalStylesInjected=!1;export function useAnimatedBorder(ref,options={}){let doc=useDocument(),{animatedBorder}=useTheme().variables.animation,{radius,iterations,hideChildBorder=!1,skipAnimation}=options;useEffect(()=>{let el=ref.current;if(el&&doc&&!skipAnimation)return!function(doc,animatedBorder){if(globalStylesInjected)return;globalStylesInjected=!0;let{duration:rotationDuration,timingFunction:rotationTimingFunction}=animatedBorder.rotation,{duration:pauseDuration}=animatedBorder.pause,{duration:fadeOutDuration,timingFunction:fadeOutTimingFunction}=animatedBorder.fadeOut,fadeOutDelay=`calc(${rotationDuration} * var(${cssVars.iterations}) + ${pauseDuration})`,style=doc.createElement("style");style.dataset.animatedBorderGlobal="",style.textContent=`
|
|
2
|
+
@property --animated-border-angle {
|
|
3
|
+
syntax: "<angle>";
|
|
4
|
+
initial-value: 0deg;
|
|
5
|
+
inherits: false;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
@keyframes animated-border-rotate {
|
|
9
|
+
to { --animated-border-angle: 360deg; }
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
@keyframes animated-border-fade {
|
|
13
|
+
to { opacity: 0; }
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@keyframes animated-border-hide {
|
|
17
|
+
from, to {
|
|
18
|
+
border-color: transparent;
|
|
19
|
+
box-shadow: none;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@keyframes animated-border-show {
|
|
24
|
+
from {
|
|
25
|
+
border-color: transparent;
|
|
26
|
+
box-shadow: none;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
[${ANIMATED_BORDER_ATTR}] {
|
|
31
|
+
${cssVars.radius}: 6px;
|
|
32
|
+
${cssVars.iterations}: 10000;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
[${ANIMATED_BORDER_ATTR}~="static"] {
|
|
36
|
+
position: relative;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
[${ANIMATED_BORDER_ATTR}]::before {
|
|
40
|
+
content: "";
|
|
41
|
+
position: absolute;
|
|
42
|
+
z-index: 3; /* Increase z-index for bordered card */
|
|
43
|
+
inset: -2px;
|
|
44
|
+
padding: 2px;
|
|
45
|
+
border-radius: var(${cssVars.radius});
|
|
46
|
+
background: conic-gradient(from var(--animated-border-angle), ${gradientStops});
|
|
47
|
+
mask:
|
|
48
|
+
linear-gradient(#fff 0 0) content-box,
|
|
49
|
+
linear-gradient(#fff 0 0);
|
|
50
|
+
mask-composite: exclude;
|
|
51
|
+
-webkit-mask-composite: xor;
|
|
52
|
+
animation-name: animated-border-rotate, animated-border-fade;
|
|
53
|
+
animation-duration: ${rotationDuration}, ${fadeOutDuration};
|
|
54
|
+
animation-delay: 0ms, ${fadeOutDelay};
|
|
55
|
+
animation-timing-function: ${rotationTimingFunction}, ${fadeOutTimingFunction};
|
|
56
|
+
animation-iteration-count: var(${cssVars.iterations}), 1;
|
|
57
|
+
animation-fill-mode: none, forwards;
|
|
58
|
+
pointer-events: none;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
[${ANIMATED_BORDER_ATTR}] > *:not([data-animated-border-ring]) {
|
|
62
|
+
position: relative;
|
|
63
|
+
z-index: 2;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
[${ANIMATED_BORDER_ATTR}~="hide-border"]::before {
|
|
67
|
+
inset: -1px;
|
|
68
|
+
border-radius: calc(var(${cssVars.radius}) - 1px);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
[${ANIMATED_BORDER_ATTR}~="hide-border"],
|
|
72
|
+
[${ANIMATED_BORDER_ATTR}~="hide-border"] > *:not([data-animated-border-ring]) {
|
|
73
|
+
animation-name: animated-border-hide, animated-border-show;
|
|
74
|
+
animation-duration: ${fadeOutDelay}, ${fadeOutDuration};
|
|
75
|
+
animation-delay: 0ms, ${fadeOutDelay};
|
|
76
|
+
animation-timing-function: linear, ${fadeOutTimingFunction};
|
|
77
|
+
animation-fill-mode: none, none;
|
|
78
|
+
}
|
|
79
|
+
`,doc.head.appendChild(style)}(doc,animatedBorder),!function(el,{radius,iterations}){void 0!==radius&&el.style.setProperty(cssVars.radius,`${radius+2}px`),void 0!==iterations&&el.style.setProperty(cssVars.iterations,`${iterations}`)}(el,{radius,iterations}),!function(el,{hideChildBorder}){let parts=[];"static"===getComputedStyle(el).position&&parts.push("static"),hideChildBorder&&parts.push("hide-border"),el.setAttribute(ANIMATED_BORDER_ATTR,parts.join(" "))}(el,{hideChildBorder}),()=>{el.removeAttribute(ANIMATED_BORDER_ATTR),Object.values(cssVars).forEach(key=>el.style.removeProperty(key))}},[ref,doc,radius,iterations,hideChildBorder,skipAnimation,animatedBorder])}
|
package/build/esm/index.d.ts
CHANGED
|
@@ -91,7 +91,7 @@ export * from "./components/Typography/StyledText/StyledText";
|
|
|
91
91
|
export * from "./components/Typography/Text";
|
|
92
92
|
export * from "./components/Typography/TextClamped/TextClamped";
|
|
93
93
|
export * from "./components/UserHighlightTooltip/UserHighlightTooltip";
|
|
94
|
-
export * from "./components/Utilities/AnimatedBorder/
|
|
94
|
+
export * from "./components/Utilities/AnimatedBorder/useAnimatedBorder";
|
|
95
95
|
export * from "./components/Utilities/ContainerQuery/ContainerQuery";
|
|
96
96
|
export * from "./components/Utilities/Expandable/Expandable";
|
|
97
97
|
export * from "./components/Utilities/ScreenReaderText/ScreenReaderText";
|
package/build/esm/index.js
CHANGED
|
@@ -1 +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/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/
|
|
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/AccessCardItem/AccessCardItem";export*from"./components/Avatar/Avatar";export*from"./components/AvatarGroup/AvatarGroup";export*from"./components/Badge/Badge";export*from"./components/BinaryFeedback/BinaryFeedback";export*from"./components/Box/Box";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Button/Button";export*from"./components/Callout/Callout";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/CatalogCard/CatalogCard";export*from"./components/CheckboxCard/CheckboxCard";export*from"./components/Collapsible/Collapsible";export*from"./components/ColorIndicator/ColorIndicator";export*from"./components/ColorPicker/ColorPicker";export*from"./components/Column/Columns";export*from"./components/Container";export*from"./components/CountButton/CountButton";export*from"./components/DataTable";export*from"./components/Divider/Divider";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/EntityList";export*from"./components/EntityTree";export*from"./components/Composite/FilterDialog/FilterDialog";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Combobox/Combobox";export*from"./components/Form/DateInput/DateInput";export*from"./components/Form/DatePicker";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Form/PasswordInput";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Form/Select";export*from"./components/Form/ToolbarToggle/ToolbarToggle";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/Grid/Grid";export*from"./components/Icon/Icon";export*from"./components/IconTile/IconTile";export*from"./components/Image/Image";export*from"./components/Inline/Inline";export*from"./components/InteractiveBox/InteractiveBox";export*from"./components/Lightbox/Lightbox";export*from"./components/Link/Link";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Logo/Logo";export*from"./components/MediaItem";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/MediaViewerCarousel/MediaViewerCarousel";export*from"./components/NavBar";export*from"./components/Notification/Notification";export*from"./components/Pagination/Pagination";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Patterns/Modal/Modal";export*from"./components/PictogramButton/PictogramButton";export*from"./components/Popover/Popover";export*from"./components/ProgressBar/ProgressBar";export*from"./components/PromptInput/PromptInput";export*from"./components/SplashCard/SplashCard";export*from"./components/SplashCardMedia/SplashCardMedia";export*from"./components/QBankRichText/QBankRichText";export*from"./components/RadioCard/RadioCard";export*from"./components/RoundButton/RoundButton";export*from"./components/SearchResult/SearchResult";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/Sheet/Sheet";export*from"./components/Stack/Stack";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/Tabs/Tabs";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toast";export*from"./components/Toggletip/Toggletip";export*from"./components/Tooltip/Tooltip";export*from"./components/Tutorialtip/Tutorialtip";export*from"./components/Typography/Header";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Typography/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Utilities/AnimatedBorder/useAnimatedBorder";export*from"./components/Utilities/ContainerQuery/ContainerQuery";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/Utilities/ScreenReaderText/ScreenReaderText";export*from"./components/Patterns/EmptyState/EmptyState";export*from"./components/Content/ContentBox/ContentBox";export*from"./components/Content/ContentFontResizer";export*from"./components/Content/ContentHeading/ContentHeading";export*from"./components/Content/ContentLink/ContentLink";export*from"./components/Content/ContentPictogramButton/ContentPictogramButton";export*from"./components/Content/ContentText/ContentText";export*from"./components/Content/ContentList";export*from"./components/Content/ContentTable";export*from"./components/Content/DosageButton";export*from"./components/Content/ReferenceButton";
|
|
@@ -155,6 +155,11 @@ type Variables = {
|
|
|
155
155
|
"delay": string;
|
|
156
156
|
"timingFunction": string;
|
|
157
157
|
};
|
|
158
|
+
"close": {
|
|
159
|
+
"duration": string;
|
|
160
|
+
"delay": string;
|
|
161
|
+
"timingFunction": string;
|
|
162
|
+
};
|
|
158
163
|
};
|
|
159
164
|
"navSlide": {
|
|
160
165
|
"open": {
|
|
@@ -173,6 +178,9 @@ type Variables = {
|
|
|
173
178
|
"duration": string;
|
|
174
179
|
"timingFunction": string;
|
|
175
180
|
};
|
|
181
|
+
"pause": {
|
|
182
|
+
"duration": string;
|
|
183
|
+
};
|
|
176
184
|
"fadeOut": {
|
|
177
185
|
"duration": string;
|
|
178
186
|
"timingFunction": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"1024px"},divider:{m:"16px",l:"24px",xl:"32px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",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:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},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"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px",full:"9999px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},animation:{timingFunction:"ease-in-out",duration:{slow:"300ms",medium:"200ms",fast:"100ms"},modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},toast:{entry:{duration:"300ms",distanceY:"20px"},exit:{duration:"100ms",distanceY:"20px"}},navBarTabButton:{open:{duration:"150ms",delay:"150ms",timingFunction:"ease-out"}},navSlide:{open:{duration:"300ms",timingFunction:"ease-in-out"}},promptInput:{focus:{duration:"150ms",timingFunction:"ease-in-out"}},animatedBorder:{rotation:{duration:"4000ms",timingFunction:"ease-in-out"},fadeOut:{duration:"300ms",timingFunction:"cubic-bezier(0.4,0,0.2,1)"}}},breakpoint:{s:576,m:768,l:1024,xl:1280,xxl:1536},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},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:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#471a95",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},avatar:{border:{default:"#1a1c1c"}},colorIndicator:{brand:{default:"#1d6670"},gray:{default:"#5b5f67"},purple:{default:"#6d37c8"},blue:{default:"#2f538a"},green:{default:"#28816b"},yellow:{default:"#a4792d"},red:{default:"#a45355"},neonBlue:{default:"#015e7d"},neonGreen:{default:"#347832"},neonPink:{default:"#bf2c9a"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#9369ff",hover:"#c1acff"},toggle:{background:{default:"#7b8e9d",highlight:"#b2ab39"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},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:"#223c44"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d",customGreen:"#347832",customPink:"#bf2c9a"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},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:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},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:"#b9bcc3",hover:"#ced1d6"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2db5c6",hover:"#80dfea"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"},infoSubtle:{default:"#2f538a"},warningSubtle:{default:"#a4792d"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"},content:{icon:{physician:{default:"#6e95cf",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},text:{physician:{default:"#99c1fa",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#93979f",hover:"#b9bcc3"}},textUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},textDottedUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#b9bcc3",hover:"#ced1d6"}},referenceButton:{background:{default:"#32363e",hover:"#40454f",active:"#5b5f67"}},dosageButton:{background:{default:"#471a95",hover:"#6d37c8"},text:{default:"#ddd7fd",hover:"#ffffff"}},table:{row:{hover:"rgba(29, 102, 112, 0.2)"}}},splashCard:{text:{accent:{default:"#2db5c6"}},background:{hover:"#1d6670"}}},elevation:{1:"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",2:"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",3:"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",4:"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"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#ddd7fd"}},background:{accent:{default:"#471a95",hover:"#6d37c8",active:"#471a95",disabled:"rgba(109, 55, 200, 0.3)"},accentSubtle:{default:"#2f1c4f"}},icon:{accent:{default:"#9369ff"}},border:{accent:{default:"#9369ff"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#80dfea"},error:{default:"#fee7e7"},info:{default:"#e7effe"},onAccent:{default:"#1d6670"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"}},background:{primary:{default:"#1d6670"},secondary:{default:"#223c44"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#223c44"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"}},icon:{primary:{default:"#ced1d6"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},brand:{default:"#ced1d6"},accent:{default:"#2db5c6"},error:{default:"#d07c7c"},onAccent:{default:"#1a1c1c"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"#223c44"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#80dfea"}},toggle:{background:{default:"#223c44"},thumb:{background:{off:"#ffffff",on:"#1d6670"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#223c44"}},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},secondary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#2db5c6"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#282c34"},secondary:{default:"rgba(255, 255, 255, 0.08)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#40454f"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#d8dade"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#e7effe"},success:{default:"#e2fef7"},warning:{default:"#fef3e1",hover:"#fef3e1"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#eef2f5"},brand:{default:"#ced1d6"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},onAccent:{default:"#1a1c1c",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbac76",hover:"#cbac76"}},border:{primary:{default:"#a3b2bd",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"#111111"}},colorIndicator:{brand:{default:"#2db5c6"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#5b5f67"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#40454f"}},border:{accent:{default:"#a3b2bd"}},divider:{secondary:"rgba(255, 255, 255, 0.3)"},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"rgba(255, 255, 255, 0.8)"},secondary:{default:"rgba(255, 255, 255, 0.65)"}},icon:{accent:{default:"rgba(255, 255, 255, 0.8)"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#4d3237",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#4d3237"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dd3637"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#a45355"}}}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#282e39",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},accentSubtle:{default:"#282e39"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},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:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#29364c"}}}}},inverted:{color:{background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#e7f6f8"},transparent:{hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#c02725"},info:{default:"#1c427d"},warning:{default:"#314554",hover:"#314554"},success:{default:"#0a5c45"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#295dae",hover:"#282e39"},error:{default:"#dd3637",hover:"#312b31"},warning:{default:"#df9411",hover:"#df9411"},success:{default:"#0b8363"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"},searchInput:{background:{default:"#eef2f5"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"rgba(0, 0, 0, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#99c1fa"},success:{default:"#a6f2dd"},warning:{default:"#fae0b3",hover:"#fae0b3"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#28816b"}}}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#edeafd",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#6934c4",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#8a61f1",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#ddd7fd",red:"#fad1d1",gray:"#e0e6eb"}},avatar:{border:{default:"#ffffff"}},colorIndicator:{brand:{default:"#0aa6b8"},gray:{default:"#5a7183"},purple:{default:"#8a61f1"},blue:{default:"#1f6ce0"},green:{default:"#0fa980"},yellow:{default:"#df9411"},red:{default:"#ed5554"},neonBlue:{default:"#99e6ff"},neonGreen:{default:"#a7ffa1"},neonPink:{default:"#feb2ea"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#8a61f1",hover:"#6934c4"},toggle:{background:{default:"#7b8e9d",highlight:"#f3eb75"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#dd3637",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff",customGreen:"#a7ffa1",customPink:"#feb2ea"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#5a7183",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"},infoSubtle:{default:"#6e95cf"},warningSubtle:{default:"#f6c66f"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"},content:{icon:{physician:{default:"#295dae",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},text:{physician:{default:"#1c427d",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#1a1c1c"}},textUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},textDottedUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#40515e"}},referenceButton:{background:{default:"#e0e6eb",hover:"#bdc9d1",active:"#a3b2bd"}},dosageButton:{background:{default:"#edeafd",hover:"#ddd7fd"},text:{default:"#6934c4",hover:"#6934c4"}},table:{row:{hover:"rgba(10, 166, 184, 0.05)"}}},splashCard:{text:{accent:{default:"#054f57"}},background:{hover:"#054f57"}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#5325a2"}},background:{accent:{default:"#6934c4",hover:"#5325a2",active:"#5325a2",disabled:"rgba(105, 52, 196, 0.3)"},accentSubtle:{default:"#edeafd"}},icon:{accent:{default:"#6934c4"}},border:{accent:{default:"#6934c4"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#85d3dc"},onAccent:{default:"#054f57"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},background:{primary:{default:"#054f57"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#047a88"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"}},icon:{primary:{default:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)"},brand:{default:"#ffffff"},accent:{default:"#85d3dc"},error:{default:"#f07575"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"},onAccent:{default:"#ffffff"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#054f57"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#e7f6f8"}},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#047a88"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"rgba(0, 0, 0, 0.3)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#262f36"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#a3b2bd"},brand:{default:"#ffffff"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#40515e"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#ffffff"}},border:{accent:{default:"#314554"}},divider:{secondary:"rgba(163, 178, 189, 0.3)"},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#314554"}},icon:{accent:{default:"#314554"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#c02725",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#c02725"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#dd3637"}}}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"#1c427d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#1c427d"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},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:"#ffffff"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ffffff",hover:"#dd3637"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#1c427d"},thumb:{background:{off:"#ffffff",on:"#295dae"}}}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#262f36"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.65)"}},text:{primary:{default:"#ced1d6",hover:"#ced1d6"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#b9bcc3",hover:"#ced1d6"},accent:{default:"#2db5c6",hover:"#1d6670"},onAccent:{default:"#ffffff"},error:{default:"#f49a9a"},info:{default:"#99c1fa"},warning:{default:"#fae0b3",hover:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3"},accent:{default:"#223c44"}},divider:{primary:"rgba(163, 178, 189, 0.3)"},searchInput:{background:{default:"#32363e"}},colorIndicator:{brand:{default:"#1d6670"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#0a5c45"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#0a5c45"},thumb:{background:{off:"#ffffff",on:"#0b8363"}}}}}}}}};
|
|
1
|
+
let variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"1024px"},divider:{m:"16px",l:"24px",xl:"32px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",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:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},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"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px",full:"9999px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},animation:{timingFunction:"ease-in-out",duration:{slow:"300ms",medium:"200ms",fast:"100ms"},modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},toast:{entry:{duration:"300ms",distanceY:"20px"},exit:{duration:"100ms",distanceY:"20px"}},navBarTabButton:{open:{duration:"150ms",delay:"150ms",timingFunction:"ease-out"},close:{duration:"150ms",delay:"150ms",timingFunction:"ease-in"}},navSlide:{open:{duration:"300ms",timingFunction:"ease-in-out"}},promptInput:{focus:{duration:"150ms",timingFunction:"ease-in-out"}},animatedBorder:{rotation:{duration:"1200ms",timingFunction:"cubic-bezier(0.4, 0, 0.5, 1)"},pause:{duration:"100ms"},fadeOut:{duration:"300ms",timingFunction:"ease-in"}}},breakpoint:{s:576,m:768,l:1024,xl:1280,xxl:1536},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},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:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#471a95",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#c1acff",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},avatar:{border:{default:"#1a1c1c"}},colorIndicator:{brand:{default:"#1d6670"},gray:{default:"#5b5f67"},purple:{default:"#6d37c8"},blue:{default:"#2f538a"},green:{default:"#28816b"},yellow:{default:"#a4792d"},red:{default:"#a45355"},neonBlue:{default:"#015e7d"},neonGreen:{default:"#347832"},neonPink:{default:"#bf2c9a"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#9369ff",hover:"#c1acff"},toggle:{background:{default:"#7b8e9d",highlight:"#b2ab39"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},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:"#223c44"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d",customGreen:"#347832",customPink:"#bf2c9a"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},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:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},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:"#b9bcc3",hover:"#ced1d6"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2db5c6",hover:"#80dfea"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"},infoSubtle:{default:"#2f538a"},warningSubtle:{default:"#a4792d"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"},content:{icon:{physician:{default:"#6e95cf",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},text:{physician:{default:"#99c1fa",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.8)",hover:"#99c1fa"},unimportant:{default:"#93979f",hover:"#b9bcc3"}},textUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#757a84",hover:"#93979f"}},textDottedUnderline:{physician:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},physicianUnimportant:{default:"rgba(153, 193, 250, 0.5)",hover:"#99c1fa"},unimportant:{default:"#b9bcc3",hover:"#ced1d6"}},referenceButton:{background:{default:"#32363e",hover:"#40454f",active:"#5b5f67"}},dosageButton:{background:{default:"#471a95",hover:"#6d37c8"},text:{default:"#ddd7fd",hover:"#ffffff"}},table:{row:{hover:"rgba(29, 102, 112, 0.2)"}}},splashCard:{text:{accent:{default:"#2db5c6"}},background:{hover:"#1d6670"}}},elevation:{1:"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",2:"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",3:"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",4:"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"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#ddd7fd"}},background:{accent:{default:"#471a95",hover:"#6d37c8",active:"#471a95",disabled:"rgba(109, 55, 200, 0.3)"},accentSubtle:{default:"#2f1c4f"}},icon:{accent:{default:"#9369ff"}},border:{accent:{default:"#9369ff"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#80dfea"},error:{default:"#fee7e7"},info:{default:"#e7effe"},onAccent:{default:"#1d6670"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"}},background:{primary:{default:"#1d6670"},secondary:{default:"#223c44"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#223c44"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"}},icon:{primary:{default:"#ced1d6"},secondary:{default:"rgba(255, 255, 255, 0.8)"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},brand:{default:"#ced1d6"},accent:{default:"#2db5c6"},error:{default:"#d07c7c"},onAccent:{default:"#1a1c1c"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"#223c44"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#80dfea"}},toggle:{background:{default:"#223c44"},thumb:{background:{off:"#ffffff",on:"#1d6670"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#223c44"}},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},secondary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#2db5c6"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#282c34"},secondary:{default:"rgba(255, 255, 255, 0.08)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#40454f"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.15)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#d8dade"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#e7effe"},success:{default:"#e2fef7"},warning:{default:"#fef3e1",hover:"#fef3e1"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#eef2f5"},brand:{default:"#ced1d6"},accent:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},onAccent:{default:"#1a1c1c",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"},info:{default:"#6e95cf"},success:{default:"#41a48a"},warning:{default:"#cbac76",hover:"#cbac76"}},border:{primary:{default:"#a3b2bd",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"#111111"}},colorIndicator:{brand:{default:"#2db5c6"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#5b5f67"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(255, 255, 255, 0.08)"},accentSubtle:{default:"#40454f"}},border:{accent:{default:"#a3b2bd"}},divider:{secondary:"rgba(255, 255, 255, 0.3)"},text:{primary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"rgba(255, 255, 255, 0.8)"},secondary:{default:"rgba(255, 255, 255, 0.65)"}},icon:{accent:{default:"rgba(255, 255, 255, 0.8)"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#4d3237",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#4d3237"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dd3637"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#a45355"}}}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#282e39",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},accentSubtle:{default:"#282e39"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},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:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#e2fef7"},warning:{default:"#fefbd2",hover:"#fefbd2"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"},success:{default:"#41a48a"},warning:{default:"#cbc576",hover:"#cbc576"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.6)"},thumb:{background:{off:"#ffffff",on:"#29364c"}}}}},inverted:{color:{background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#e7f6f8"},transparent:{hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#c02725"},info:{default:"#1c427d"},warning:{default:"#314554",hover:"#314554"},success:{default:"#0a5c45"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#295dae",hover:"#282e39"},error:{default:"#dd3637",hover:"#312b31"},warning:{default:"#df9411",hover:"#df9411"},success:{default:"#0b8363"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"},searchInput:{background:{default:"#eef2f5"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"rgba(0, 0, 0, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#ffffff",hover:"#f49a9a"},info:{default:"#99c1fa"},success:{default:"#a6f2dd"},warning:{default:"#fae0b3",hover:"#fae0b3"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#28816b"}}}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#edeafd",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#6934c4",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#8a61f1",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#ddd7fd",red:"#fad1d1",gray:"#e0e6eb"}},avatar:{border:{default:"#ffffff"}},colorIndicator:{brand:{default:"#0aa6b8"},gray:{default:"#5a7183"},purple:{default:"#8a61f1"},blue:{default:"#1f6ce0"},green:{default:"#0fa980"},yellow:{default:"#df9411"},red:{default:"#ed5554"},neonBlue:{default:"#99e6ff"},neonGreen:{default:"#a7ffa1"},neonPink:{default:"#feb2ea"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#8a61f1",hover:"#6934c4"},toggle:{background:{default:"#7b8e9d",highlight:"#f3eb75"},thumb:{background:{off:"#ffffff",on:"#ffffff"}},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},error:{default:"#dd3637",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff",customGreen:"#a7ffa1",customPink:"#feb2ea"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#5a7183",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.65)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"},infoSubtle:{default:"#6e95cf"},warningSubtle:{default:"#f6c66f"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"},content:{icon:{physician:{default:"#295dae",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},text:{physician:{default:"#1c427d",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.8)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#1a1c1c"}},textUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#a3b2bd",hover:"#5a7183"}},textDottedUnderline:{physician:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},physicianUnimportant:{default:"rgba(28, 66, 125, 0.3)",hover:"#1c427d"},unimportant:{default:"#5a7183",hover:"#40515e"}},referenceButton:{background:{default:"#e0e6eb",hover:"#bdc9d1",active:"#a3b2bd"}},dosageButton:{background:{default:"#edeafd",hover:"#ddd7fd"},text:{default:"#6934c4",hover:"#6934c4"}},table:{row:{hover:"rgba(10, 166, 184, 0.05)"}}},splashCard:{text:{accent:{default:"#054f57"}},background:{hover:"#054f57"}}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},shadow:{defaultRing:"0px 0px 0px 4px rgba(123, 142, 157, 0.10)",focusRing:"0px 0px 0px 4px rgba(4, 122, 136, 0.25)"},subThemes:{ai:{color:{text:{accent:{default:"#5325a2"}},background:{accent:{default:"#6934c4",hover:"#5325a2",active:"#5325a2",disabled:"rgba(105, 52, 196, 0.3)"},accentSubtle:{default:"#edeafd"}},icon:{accent:{default:"#6934c4"}},border:{accent:{default:"#6934c4"}}},shadow:{focusRing:"0px 0px 0px 4px rgba(105, 52, 196, 0.25)"}},brand:{color:{text:{primary:{default:"#ffffff",hover:"#ffffff"},underline:{hover:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)"},accent:{default:"#85d3dc"},onAccent:{default:"#054f57"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},background:{primary:{default:"#054f57"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#047a88"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"}},icon:{primary:{default:"#ffffff"},secondary:{default:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)"},brand:{default:"#ffffff"},accent:{default:"#85d3dc"},error:{default:"#f07575"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"},onAccent:{default:"#ffffff"}},border:{primary:{default:"rgba(255, 255, 255, 0.3)",hover:"rgba(255, 255, 255, 0.65)"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#054f57"}}}}},brandSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#e7f6f8"}},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#047a88"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"rgba(0, 0, 0, 0.3)",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#262f36"},transparent:{default:"rgba(255, 255, 255, 0)",hover:"rgba(255, 255, 255, 0.08)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#fad1d1"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.65)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.65)",hover:"#a3b2bd"},brand:{default:"#ffffff"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#f07575",hover:"#dd3637"},info:{default:"#6e95cf"},success:{default:"#8adcc6"},warning:{default:"#f6c66f",hover:"#f6c66f"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.3)",secondary:"rgba(255, 255, 255, 0.3)"},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},colorIndicator:{brand:{default:"#0aa6b8"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#40515e"}}}}},dimmedSubtle:{color:{background:{transparent:{hover:"rgba(96, 117, 133, 0.05)"},accentSubtle:{default:"#ffffff"}},border:{accent:{default:"#314554"}},divider:{secondary:"rgba(163, 178, 189, 0.3)"},text:{primary:{default:"#5a7183"},secondary:{default:"#5a7183"},accent:{default:"#314554"}},icon:{accent:{default:"#314554"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#c02725",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#c02725"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"rgba(255, 255, 255, 0.8)",hover:"#ffffff"},tertiary:{default:"rgba(255, 255, 255, 0.8)",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.3)"}},divider:{primary:"rgba(255, 255, 255, 0.3)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"rgba(0, 0, 0, 0.3)"},thumb:{background:{off:"#ffffff",on:"#dd3637"}}}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"#1c427d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#1c427d"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},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:"#ffffff"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ffffff",hover:"#dd3637"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#1c427d"},thumb:{background:{off:"#ffffff",on:"#295dae"}}}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},accentSubtle:{default:"#262f36"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.65)"}},text:{primary:{default:"#ced1d6",hover:"#ced1d6"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#b9bcc3",hover:"#ced1d6"},accent:{default:"#2db5c6",hover:"#1d6670"},onAccent:{default:"#ffffff"},error:{default:"#f49a9a"},info:{default:"#99c1fa"},warning:{default:"#fae0b3",hover:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3"},accent:{default:"#223c44"}},divider:{primary:"rgba(163, 178, 189, 0.3)"},searchInput:{background:{default:"#32363e"}},colorIndicator:{brand:{default:"#1d6670"}},toggle:{background:{default:"#7b8e9d"},thumb:{background:{off:"#ffffff",on:"#ffffff"}}}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"rgba(0, 0, 0, 0.3)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.65)",disabled:"rgba(255, 255, 255, 0.65)"},accentSubtle:{default:"#0a5c45"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ffffff"},info:{default:"#ffffff"},success:{default:"#ffffff"},warning:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.65)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ffffff",hover:"#dd3637"},info:{default:"#d2e2f9"},success:{default:"#d0f1e8"},warning:{default:"#fceaca",hover:"#fceaca"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},searchInput:{background:{default:"rgba(0, 0, 0, 0.6)"}},divider:{primary:"rgba(255, 255, 255, 0.65)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"},colorIndicator:{brand:{default:"#ffffff"}},toggle:{background:{default:"#0a5c45"},thumb:{background:{off:"#ffffff",on:"#0b8363"}}}}}}}}};
|
|
@@ -340,14 +340,18 @@ $animationToastExitDistanceY: 20px;
|
|
|
340
340
|
$animationNavBarTabButtonOpenDuration: 150ms;
|
|
341
341
|
$animationNavBarTabButtonOpenDelay: 150ms;
|
|
342
342
|
$animationNavBarTabButtonOpenTimingFunction: ease-out;
|
|
343
|
+
$animationNavBarTabButtonCloseDuration: 150ms;
|
|
344
|
+
$animationNavBarTabButtonCloseDelay: 150ms;
|
|
345
|
+
$animationNavBarTabButtonCloseTimingFunction: ease-in;
|
|
343
346
|
$animationNavSlideOpenDuration: 300ms;
|
|
344
347
|
$animationNavSlideOpenTimingFunction: ease-in-out;
|
|
345
348
|
$animationPromptInputFocusDuration: 150ms;
|
|
346
349
|
$animationPromptInputFocusTimingFunction: ease-in-out;
|
|
347
|
-
$animationAnimatedBorderRotationDuration:
|
|
348
|
-
$animationAnimatedBorderRotationTimingFunction:
|
|
350
|
+
$animationAnimatedBorderRotationDuration: 1200ms;
|
|
351
|
+
$animationAnimatedBorderRotationTimingFunction: cubic-bezier(0.4, 0, 0.5, 1);
|
|
352
|
+
$animationAnimatedBorderPauseDuration: 100ms;
|
|
349
353
|
$animationAnimatedBorderFadeOutDuration: 300ms;
|
|
350
|
-
$animationAnimatedBorderFadeOutTimingFunction:
|
|
354
|
+
$animationAnimatedBorderFadeOutTimingFunction: ease-in;
|
|
351
355
|
$breakpointS: 576;
|
|
352
356
|
$breakpointM: 768;
|
|
353
357
|
$breakpointL: 1024;
|
package/package.json
CHANGED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export type AnimatedBorderProps = {
|
|
3
|
-
children: React.ReactElement;
|
|
4
|
-
/** Skip animation and render only children */
|
|
5
|
-
skipAnimation?: boolean;
|
|
6
|
-
/** Border thickness in pixels
|
|
7
|
-
* @default 1
|
|
8
|
-
*/
|
|
9
|
-
thickness?: number;
|
|
10
|
-
/** Inset to adjust for elements that already have borders */
|
|
11
|
-
inset?: number;
|
|
12
|
-
/** Border radius */
|
|
13
|
-
radius?: number | string;
|
|
14
|
-
/** Number of animation iterations
|
|
15
|
-
* @default 2
|
|
16
|
-
*/
|
|
17
|
-
iterations?: number;
|
|
18
|
-
/** Clip the children to the border */
|
|
19
|
-
clip?: boolean;
|
|
20
|
-
/** Hide the border of the children */
|
|
21
|
-
hideChildBorder?: boolean;
|
|
22
|
-
"data-e2e-test-id"?: string;
|
|
23
|
-
};
|
|
24
|
-
export declare function AnimatedBorder({ children, skipAnimation, thickness, inset, radius, iterations, clip, hideChildBorder, "data-e2e-test-id": dataE2eTestId, }: AnimatedBorderProps): React.ReactElement;
|