@amboss/design-system 1.29.3 → 1.30.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/Link/Link.d.ts +0 -1
- package/build/cjs/components/Link/Link.js +1 -1
- package/build/cjs/components/QBankRichText/QBankRichText.d.ts +5 -0
- package/build/cjs/components/QBankRichText/QBankRichText.js +1 -0
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/_colors.json +60 -0
- package/build/cjs/web-tokens/visualConfig.d.ts +44 -0
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/Link/Link.d.ts +0 -1
- package/build/esm/components/Link/Link.js +1 -1
- package/build/esm/components/QBankRichText/QBankRichText.d.ts +5 -0
- package/build/esm/components/QBankRichText/QBankRichText.js +1 -0
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/_colors.json +60 -0
- package/build/esm/web-tokens/visualConfig.d.ts +44 -0
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_theming.scss +28 -0
- package/build/scss/_variables.scss +14 -0
- package/package.json +1 -1
|
@@ -16,7 +16,6 @@ export type LinkProps = {
|
|
|
16
16
|
weight?: TextWeight;
|
|
17
17
|
/** @deprecated variant, please use "color" prop instead */
|
|
18
18
|
variant?: LinkVariations;
|
|
19
|
-
onClick?: () => void;
|
|
20
19
|
"data-e2e-test-id"?: string;
|
|
21
20
|
} & LinkConditionalProps;
|
|
22
21
|
type LinkComponent = <C extends React.ElementType = "a">(props: PolymorphicComponentPropsWithRef<C, LinkProps>) => React.ReactElement | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return Link}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Text=require("../Typography/Text/Text"),StyledLink=(0,_styled.default)("a",{target:"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Link",{enumerable:!0,get:function(){return Link}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_Text=require("../Typography/Text/Text"),StyledLink=(0,_styled.default)("a",{target:"e1u7z31n0",label:"StyledLink"})(({theme,weight,size,color,inline})=>({cursor:"pointer",background:"none",border:"none",padding:0,fontSize:theme.variables.size.font[size],fontWeight:theme.variables.weight[weight],lineHeight:({xs:theme.variables.size.lineHeight.xl,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl})[size],fontFamily:theme.variables.fontFamily.lato,textDecorationLine:inline?"underline":"none",color:color?theme.values.color.text[color].default:"inherit",...("primary"===color||"secondary"===color||"tertiary"===color)&&{textDecorationColor:theme.values.color.text.underline.default},"&:hover":{textDecorationLine:"underline",textDecorationThickness:"0.125em",...("primary"===color||"secondary"===color||"tertiary"===color)&&{textDecorationColor:theme.values.color.text.underline.hover,color:theme.values.color.text[color].hover}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGV4dENvbnRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHtcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIFRleHRXZWlnaHQsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBQb2x5bW9ycGhpY1JlZixcbiAgTGlua1ZhcmlhdGlvbnMsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBMaW5rQ29uZGl0aW9uYWxQcm9wcyA9XG4gIHwge1xuICAgICAgLyoqIEl0IGZvcmNlcyB0byBpbmhlcml0IGNvbG9yLCB3ZWlnaHQsIHNpemUgZnJvbSBwYXJlbnQgKi9cbiAgICAgIGlubGluZT86IHRydWU7XG4gICAgICAvKiogQSBjb2xvciBpcyBpbmhlcml0ZWQgZnJvbSBpdHMgcGFyZW50IFRleHQgb3RoZXJ3aXNlIHNldCBhcyAncHJpbWFyeScgKi9cbiAgICAgIGNvbG9yOiBUZXh0Q29sb3JzO1xuICAgIH1cbiAgfCB7XG4gICAgICBpbmxpbmU/OiBmYWxzZTtcbiAgICAgIGNvbG9yPzogVGV4dENvbG9ycztcbiAgICB9O1xuXG5leHBvcnQgdHlwZSBMaW5rUHJvcHMgPSB7XG4gIC8qKiBBIHNpemUgaXMgaW5oZXJpdGVkIGZyb20gaXRzIHBhcmVudCAqL1xuICBzaXplPzogVGV4dFNpemU7XG4gIC8qKiBBIHdlaWdodCBpcyBpbmhlcml0ZWQgZnJvbSBpdHMgcGFyZW50ICovXG4gIHdlaWdodD86IFRleHRXZWlnaHQ7XG4gIC8qKiBAZGVwcmVjYXRlZCB2YXJpYW50LCBwbGVhc2UgdXNlIFwiY29sb3JcIiBwcm9wIGluc3RlYWQgKi9cbiAgdmFyaWFudD86IExpbmtWYXJpYXRpb25zO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn0gJiBMaW5rQ29uZGl0aW9uYWxQcm9wcztcblxudHlwZSBMaW5rQ29tcG9uZW50ID0gPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYVwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIExpbmtQcm9wcz5cbikgPT4gUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChcImFcIik8UGFydGlhbDxMaW5rUHJvcHM+PihcbiAgKHsgdGhlbWUsIHdlaWdodCwgc2l6ZSwgY29sb3IsIGlubGluZSB9KSA9PlxuICAgICh7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250W3NpemVdLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodFt3ZWlnaHRdLFxuICAgICAgbGluZUhlaWdodDoge1xuICAgICAgICB4czogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgICAgfVtzaXplXSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG5cbiAgICAgIHRleHREZWNvcmF0aW9uTGluZTogaW5saW5lID8gXCJ1bmRlcmxpbmVcIiA6IFwibm9uZVwiLFxuICAgICAgY29sb3I6IGNvbG9yID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQgOiBcImluaGVyaXRcIixcblxuICAgICAgLi4uKChjb2xvciA9PT0gXCJwcmltYXJ5XCIgfHxcbiAgICAgICAgY29sb3IgPT09IFwic2Vjb25kYXJ5XCIgfHxcbiAgICAgICAgY29sb3IgPT09IFwidGVydGlhcnlcIikgJiYge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC51bmRlcmxpbmUuZGVmYXVsdCxcbiAgICAgIH0pLFxuXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbkxpbmU6IFwidW5kZXJsaW5lXCIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uVGhpY2tuZXNzOiBcIjAuMTI1ZW1cIiwgLy8gaXQncyBub3Qgd29ya2luZyBpbiBTYWZhcmkgZm9yIGEgbGluayBhcyBidXR0b25cbiAgICAgICAgLi4uKChjb2xvciA9PT0gXCJwcmltYXJ5XCIgfHxcbiAgICAgICAgICBjb2xvciA9PT0gXCJzZWNvbmRhcnlcIiB8fFxuICAgICAgICAgIGNvbG9yID09PSBcInRlcnRpYXJ5XCIpICYmIHtcbiAgICAgICAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC51bmRlcmxpbmUuaG92ZXIsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W2NvbG9yXS5ob3ZlcixcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGNvbnN0IExpbms6IExpbmtDb21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJhXCI+KFxuICAgIHtcbiAgICAgIHdlaWdodCxcbiAgICAgIGNvbG9yOiBjb2xvclByb3AsXG4gICAgICBzaXplLFxuICAgICAgdmFyaWFudCxcbiAgICAgIGlubGluZSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIExpbmtQcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgY29uc3QgaW5oZXJpdFByb3BzRnJvbVRleHQgPSB1c2VDb250ZXh0KFRleHRDb250ZXh0KTtcblxuICAgIGNvbnN0IGdldENvbG9yID0gKCkgPT4ge1xuICAgICAgaWYgKHZhcmlhbnQpIHtcbiAgICAgICAgLy8gdGhpcyBpcyBnb2luZyB0byBiZSBkZWxldGVkIGFmdGVyIG1pZ3JhdGlvblxuICAgICAgICBpZiAodmFyaWFudCA9PT0gXCJwcmltYXJ5XCIpIHJldHVybiBcImFjY2VudFwiO1xuICAgICAgICBpZiAodmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIikgcmV0dXJuIFwicHJpbWFyeVwiO1xuICAgICAgICByZXR1cm4gdmFyaWFudDtcbiAgICAgIH1cbiAgICAgIGlmIChjb2xvclByb3ApIHJldHVybiBjb2xvclByb3A7XG4gICAgICBpZiAoaW5oZXJpdFByb3BzRnJvbVRleHQ/LmNvbG9yKSByZXR1cm4gaW5oZXJpdFByb3BzRnJvbVRleHQ/LmNvbG9yO1xuICAgICAgaWYgKCFpbmxpbmUpIHJldHVybiBcImFjY2VudFwiO1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaW5rXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJMaW5rXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGlubGluZT17aW5saW5lIHx8ICEhaW5oZXJpdFByb3BzRnJvbVRleHR9XG4gICAgICAgIGNvbG9yPXtnZXRDb2xvcigpfVxuICAgICAgICBzaXplPXtzaXplIHx8IGluaGVyaXRQcm9wc0Zyb21UZXh0Py5zaXplfVxuICAgICAgICB3ZWlnaHQ9e3dlaWdodCB8fCBpbmhlcml0UHJvcHNGcm9tVGV4dD8ud2VpZ2h0fVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q21CIn0= */"),Link=_react.default.forwardRef(({weight,color:colorProp,size,variant,inline,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let inheritPropsFromText=(0,_react.useContext)(_Text.TextContext);return _react.default.createElement(StyledLink,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Link",ref:ref,inline:inline||!!inheritPropsFromText,color:variant?"primary"===variant?"accent":"secondary"===variant?"primary":variant:colorProp||((null==inheritPropsFromText?void 0:inheritPropsFromText.color)?null==inheritPropsFromText?void 0:inheritPropsFromText.color:inline?void 0:"accent"),size:size||(null==inheritPropsFromText?void 0:inheritPropsFromText.size),weight:weight||(null==inheritPropsFromText?void 0:inheritPropsFromText.weight),...rest})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"QBankRichText",{enumerable:!0,get:function(){return QBankRichText}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=_interop_require_default._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),textStyles=theme=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,fontWeight:theme.variables.weight.normal,color:theme.values.color.text.primary.default,lineHeight:theme.variables.size.lineHeight.xl,"em, .scientific-name":{fontStyle:"italic"},".nowrap":{whiteSpace:"nowrap"},".important":{fontWeight:"bolder"},".question-condensed, .inline-comment":{display:"none"},".highlight":{textDecoration:"underline",textDecorationSkipInk:"none",textDecorationThickness:"4px",textDecorationColor:theme.values.color.background.textHighlight.qbankKeyInfo},p:{margin:0}}),headerStyles=theme=>({"h2, h3":{fontFamily:theme.variables.fontFamily.lato,color:theme.values.color.text.primary.default,fontWeight:theme.variables.weight.black,margin:`0 0 ${theme.variables.size.spacing.m} 0`},h2:{fontSize:theme.variables.size.font.xxl,lineHeight:theme.variables.size.lineHeight.m},h3:{fontSize:theme.variables.size.font.xl,lineHeight:theme.variables.size.lineHeight.m}}),linkStyles=theme=>({a:{fontSize:"inherit",fontWeight:"inherit",color:"inherit",textDecorationLine:"underline",textDecorationColor:theme.values.color.text.underline.default,"&:hover":{textDecorationThickness:"0.125em",textDecorationColor:theme.values.color.text.underline.hover}}}),tableStyles=theme=>({table:{borderRadius:theme.variables.size.borderRadius.xs,border:`1px solid ${theme.values.color.border.primary.default}`,padding:`${theme.variables.size.spacing.s} 0`,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.l,borderSpacing:0,marginLeft:"auto",marginRight:"auto","td, th":{padding:`${theme.variables.size.spacing.xxxs} ${theme.variables.size.spacing.m}`,verticalAlign:"top"},th:{fontWeight:"bolder"},tr:{"td:not(:last-child), th:not(:last-child)":{borderRight:`1px solid ${theme.values.color.border.primary.default}`}}},".table":{width:"100%",overflow:"auto"}}),listStyles=theme=>({"ul, ol":{marginLeft:theme.variables.size.spacing.m}}),StyledContainer=(0,_styled.default)("div",{target:"e1itz4xz0",label:"StyledContainer"})(({theme})=>({...textStyles(theme),...headerStyles(theme),...tableStyles(theme),...linkStyles(theme),...listStyles(theme),"p, ul, ol, .table":{"&:not(:last-child)":{marginBottom:theme.variables.size.spacing.m}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUUJhbmtSaWNoVGV4dC9RQmFua1JpY2hUZXh0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUUJhbmtSaWNoVGV4dC9RQmFua1JpY2hUZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuY29uc3QgdGV4dFN0eWxlcyA9ICh0aGVtZTogVGhlbWUpID0+ICh7XG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQubm9ybWFsLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuXG4gIFwiZW0sIC5zY2llbnRpZmljLW5hbWVcIjoge1xuICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgfSxcblxuICBcIi5ub3dyYXBcIjoge1xuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG5cbiAgXCIuaW1wb3J0YW50XCI6IHtcbiAgICBmb250V2VpZ2h0OiBcImJvbGRlclwiLFxuICB9LFxuXG4gIFwiLnF1ZXN0aW9uLWNvbmRlbnNlZCwgLmlubGluZS1jb21tZW50XCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSxcblxuICBcIi5oaWdobGlnaHRcIjoge1xuICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgIHRleHREZWNvcmF0aW9uU2tpcEluazogXCJub25lXCIgYXMgY29uc3QsXG4gICAgdGV4dERlY29yYXRpb25UaGlja25lc3M6IFwiNHB4XCIsXG4gICAgdGV4dERlY29yYXRpb25Db2xvcjpcbiAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRleHRIaWdobGlnaHQucWJhbmtLZXlJbmZvLFxuICB9LFxuXG4gIHA6IHtcbiAgICBtYXJnaW46IDAsXG4gIH0sXG59KTtcblxuY29uc3QgaGVhZGVyU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgXCJoMiwgaDNcIjoge1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICAgIG1hcmdpbjogYDAgMCAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gMGAsXG4gIH0sXG5cbiAgaDI6IHtcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54eGwsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxuICB9LFxuXG4gIGgzOiB7XG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueGwsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxuICB9LFxufSk7XG5cbmNvbnN0IGxpbmtTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBhOiB7XG4gICAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICB0ZXh0RGVjb3JhdGlvbkxpbmU6IFwidW5kZXJsaW5lXCIsXG4gICAgdGV4dERlY29yYXRpb25Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudW5kZXJsaW5lLmRlZmF1bHQsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgdGV4dERlY29yYXRpb25UaGlja25lc3M6IFwiMC4xMjVlbVwiLFxuICAgICAgdGV4dERlY29yYXRpb25Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudW5kZXJsaW5lLmhvdmVyLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgdGFibGVTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICB0YWJsZToge1xuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0fWAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAwYCxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54cyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmwsXG4gICAgYm9yZGVyU3BhY2luZzogMCxcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgICBtYXJnaW5SaWdodDogXCJhdXRvXCIsXG5cbiAgICBcInRkLCB0aFwiOiB7XG4gICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4eHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxuICAgIH0sXG5cbiAgICB0aDoge1xuICAgICAgZm9udFdlaWdodDogXCJib2xkZXJcIixcbiAgICB9LFxuXG4gICAgdHI6IHtcbiAgICAgIFwidGQ6bm90KDpsYXN0LWNoaWxkKSwgdGg6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHR9YCxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcblxuICAvLyBzdHlsZXMgZm9yIHRhYmxlIHdyYXBwZXIgZGl2XG4gIFwiLnRhYmxlXCI6IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICB9LFxufSk7XG5cbmNvbnN0IGxpc3RTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBcInVsLCBvbFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4udGV4dFN0eWxlcyh0aGVtZSksXG4gIC4uLmhlYWRlclN0eWxlcyh0aGVtZSksXG4gIC4uLnRhYmxlU3R5bGVzKHRoZW1lKSxcbiAgLi4ubGlua1N0eWxlcyh0aGVtZSksXG4gIC4uLmxpc3RTdHlsZXModGhlbWUpLFxuXG4gIC8vIHNwYWNpbmcgYmV0d2VlbiBlbGVtZW50c1xuICBcInAsIHVsLCBvbCwgLnRhYmxlXCI6IHtcbiAgICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgdHlwZSBRQmFua1JpY2hUZXh0UHJvcHMgPSB7XG4gIGh0bWw/OiBzdHJpbmcgfCBudWxsO1xufTtcblxuZXhwb3J0IGNvbnN0IFFCYW5rUmljaFRleHQ6IFJlYWN0LkZDPFFCYW5rUmljaFRleHRQcm9wcz4gPSAoeyBodG1sIH0pID0+XG4gIGh0bWwgJiYgPFN0eWxlZENvbnRhaW5lciBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGh0bWwgfX0gLz47XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0h3QiJ9 */"),QBankRichText=({html})=>html&&_react.default.createElement(StyledContainer,{dangerouslySetInnerHTML:{__html:html}});
|
package/build/cjs/index.d.ts
CHANGED
|
@@ -61,3 +61,4 @@ export * from "./components/Sheet/Sheet";
|
|
|
61
61
|
export * from "./components/Image/Image";
|
|
62
62
|
export * from "./components/Form/MaskedInput/MaskedInput";
|
|
63
63
|
export * from "./components/Utilities/Expandable/Expandable";
|
|
64
|
+
export * from "./components/QBankRichText/QBankRichText";
|
package/build/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Select/Select"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Select/Select"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
@@ -305,6 +305,15 @@
|
|
|
305
305
|
"lightValue": "#d0f1e8",
|
|
306
306
|
"lightOriginalValue": "green.light02"
|
|
307
307
|
},
|
|
308
|
+
"color-background-textHighlight-qbankKeyInfo": {
|
|
309
|
+
"name": "background.textHighlight",
|
|
310
|
+
"description": "Use to highlight key info in Question text",
|
|
311
|
+
"subState": "qbankKeyInfo",
|
|
312
|
+
"darkValue": "#a4792d",
|
|
313
|
+
"darkOriginalValue": "night-orange.regular",
|
|
314
|
+
"lightValue": "#df9411",
|
|
315
|
+
"lightOriginalValue": "orange.dark01"
|
|
316
|
+
},
|
|
308
317
|
"color-background-contrast-default": {
|
|
309
318
|
"name": "background.contrast",
|
|
310
319
|
"description": "Provides the highest contrast against the canvas and base background, such as in tooltips",
|
|
@@ -752,6 +761,15 @@
|
|
|
752
761
|
"darkOriginalValue": "night-red.light01",
|
|
753
762
|
"lightValue": "#dc4847",
|
|
754
763
|
"lightOriginalValue": "red.dark01"
|
|
764
|
+
},
|
|
765
|
+
"color-border-success-default": {
|
|
766
|
+
"name": "border.success",
|
|
767
|
+
"description": "Use in combination with other visual cues to designate a success state of certain UI elements",
|
|
768
|
+
"subState": "default",
|
|
769
|
+
"darkValue": "#41a48a",
|
|
770
|
+
"darkOriginalValue": "night-green.light01",
|
|
771
|
+
"lightValue": "#0b8363",
|
|
772
|
+
"lightOriginalValue": "green.dark01"
|
|
755
773
|
}
|
|
756
774
|
},
|
|
757
775
|
"divider": {
|
|
@@ -1098,5 +1116,47 @@
|
|
|
1098
1116
|
"lightValue": "#eef2f5",
|
|
1099
1117
|
"lightOriginalValue": "gray.light03"
|
|
1100
1118
|
}
|
|
1119
|
+
},
|
|
1120
|
+
"qbank-answer": {
|
|
1121
|
+
"color-qbank-answer-background-title": {
|
|
1122
|
+
"name": "qbank-answer.background",
|
|
1123
|
+
"subState": "title",
|
|
1124
|
+
"darkValue": "rgba(164, 83, 85, 0.45)",
|
|
1125
|
+
"darkOriginalValue": "night-red.regular-transparent",
|
|
1126
|
+
"lightValue": "rgba(240, 117, 117, 0.45)",
|
|
1127
|
+
"lightOriginalValue": "red.light01-transparent"
|
|
1128
|
+
},
|
|
1129
|
+
"color-qbank-answer-background-explanation": {
|
|
1130
|
+
"name": "qbank-answer.background",
|
|
1131
|
+
"subState": "explanation",
|
|
1132
|
+
"darkValue": "#312b31",
|
|
1133
|
+
"darkOriginalValue": "night-red.dark02",
|
|
1134
|
+
"lightValue": "#fde8e8",
|
|
1135
|
+
"lightOriginalValue": "red.light03"
|
|
1136
|
+
},
|
|
1137
|
+
"color-qbank-answer-border-correct": {
|
|
1138
|
+
"name": "qbank-answer.border",
|
|
1139
|
+
"subState": "correct",
|
|
1140
|
+
"darkValue": "#28816b",
|
|
1141
|
+
"darkOriginalValue": "night-green.regular",
|
|
1142
|
+
"lightValue": "#8adcc6",
|
|
1143
|
+
"lightOriginalValue": "green.light01"
|
|
1144
|
+
},
|
|
1145
|
+
"color-qbank-answer-border-correct-with-hint": {
|
|
1146
|
+
"name": "qbank-answer.border",
|
|
1147
|
+
"subState": "correct-with-hint",
|
|
1148
|
+
"darkValue": "#a4792d",
|
|
1149
|
+
"darkOriginalValue": "night-orange.regular",
|
|
1150
|
+
"lightValue": "#f6c66f",
|
|
1151
|
+
"lightOriginalValue": "orange.light01"
|
|
1152
|
+
},
|
|
1153
|
+
"color-qbank-answer-border-incorrect": {
|
|
1154
|
+
"name": "qbank-answer.border",
|
|
1155
|
+
"subState": "incorrect",
|
|
1156
|
+
"darkValue": "#a45355",
|
|
1157
|
+
"darkOriginalValue": "night-red.regular",
|
|
1158
|
+
"lightValue": "#f07575",
|
|
1159
|
+
"lightOriginalValue": "red.light01"
|
|
1160
|
+
}
|
|
1101
1161
|
}
|
|
1102
1162
|
}
|
|
@@ -181,6 +181,7 @@ type AmbossTheme = {
|
|
|
181
181
|
"find": string;
|
|
182
182
|
"relevancePrimary": string;
|
|
183
183
|
"relevanceSecondary": string;
|
|
184
|
+
"qbankKeyInfo": string;
|
|
184
185
|
};
|
|
185
186
|
"contrast": {
|
|
186
187
|
"default": string;
|
|
@@ -285,6 +286,9 @@ type AmbossTheme = {
|
|
|
285
286
|
"error": {
|
|
286
287
|
"default": string;
|
|
287
288
|
};
|
|
289
|
+
"success": {
|
|
290
|
+
"default": string;
|
|
291
|
+
};
|
|
288
292
|
};
|
|
289
293
|
"divider": {
|
|
290
294
|
"primary": string;
|
|
@@ -365,6 +369,46 @@ type AmbossTheme = {
|
|
|
365
369
|
"default": string;
|
|
366
370
|
};
|
|
367
371
|
};
|
|
372
|
+
"qbankAnswer": {
|
|
373
|
+
"background": {
|
|
374
|
+
"title": {
|
|
375
|
+
"correct": {
|
|
376
|
+
"default": string;
|
|
377
|
+
"hover": string;
|
|
378
|
+
};
|
|
379
|
+
"correctWithHint": {
|
|
380
|
+
"default": string;
|
|
381
|
+
"hover": string;
|
|
382
|
+
};
|
|
383
|
+
"incorrect": {
|
|
384
|
+
"default": string;
|
|
385
|
+
"hover": string;
|
|
386
|
+
};
|
|
387
|
+
};
|
|
388
|
+
"explanation": {
|
|
389
|
+
"correct": {
|
|
390
|
+
"default": string;
|
|
391
|
+
};
|
|
392
|
+
"correctWithHint": {
|
|
393
|
+
"default": string;
|
|
394
|
+
};
|
|
395
|
+
"incorrect": {
|
|
396
|
+
"default": string;
|
|
397
|
+
};
|
|
398
|
+
};
|
|
399
|
+
};
|
|
400
|
+
"border": {
|
|
401
|
+
"correct": {
|
|
402
|
+
"default": string;
|
|
403
|
+
};
|
|
404
|
+
"correctWithHint": {
|
|
405
|
+
"default": string;
|
|
406
|
+
};
|
|
407
|
+
"incorrect": {
|
|
408
|
+
"default": string;
|
|
409
|
+
};
|
|
410
|
+
};
|
|
411
|
+
};
|
|
368
412
|
};
|
|
369
413
|
"elevation": {
|
|
370
414
|
"1": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",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.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#262f36"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#2e9aa7",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#2e9aa7"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}}},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"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#1d6670",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#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.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#047a88",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}}},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)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#85d3dc",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",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.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#262f36"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",qbankKeyInfo:"#a4792d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#2e9aa7",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#2e9aa7"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},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"}}}},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"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#1d6670",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#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.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",qbankKeyInfo:"#df9411"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#047a88",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},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"}}}},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)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#85d3dc",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
|
|
@@ -16,7 +16,6 @@ export type LinkProps = {
|
|
|
16
16
|
weight?: TextWeight;
|
|
17
17
|
/** @deprecated variant, please use "color" prop instead */
|
|
18
18
|
variant?: LinkVariations;
|
|
19
|
-
onClick?: () => void;
|
|
20
19
|
"data-e2e-test-id"?: string;
|
|
21
20
|
} & LinkConditionalProps;
|
|
22
21
|
type LinkComponent = <C extends React.ElementType = "a">(props: PolymorphicComponentPropsWithRef<C, LinkProps>) => React.ReactElement | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useContext}from"react";import styled from"@emotion/styled";import{TextContext}from"../Typography/Text/Text";let StyledLink=styled("a",{target:"
|
|
1
|
+
import React,{useContext}from"react";import styled from"@emotion/styled";import{TextContext}from"../Typography/Text/Text";let StyledLink=styled("a",{target:"e1u7z31n0",label:"StyledLink"})(({theme,weight,size,color,inline})=>({cursor:"pointer",background:"none",border:"none",padding:0,fontSize:theme.variables.size.font[size],fontWeight:theme.variables.weight[weight],lineHeight:({xs:theme.variables.size.lineHeight.xl,s:theme.variables.size.lineHeight.l,m:theme.variables.size.lineHeight.xl})[size],fontFamily:theme.variables.fontFamily.lato,textDecorationLine:inline?"underline":"none",color:color?theme.values.color.text[color].default:"inherit",...("primary"===color||"secondary"===color||"tertiary"===color)&&{textDecorationColor:theme.values.color.text.underline.default},"&:hover":{textDecorationLine:"underline",textDecorationThickness:"0.125em",...("primary"===color||"secondary"===color||"tertiary"===color)&&{textDecorationColor:theme.values.color.text.underline.hover,color:theme.values.color.text[color].hover}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGluay9MaW5rLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ29udGV4dCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBDU1NPYmplY3QgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgVGV4dENvbnRleHQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9UZXh0L1RleHRcIjtcbmltcG9ydCB0eXBlIHtcbiAgVGV4dENvbG9ycyxcbiAgVGV4dFNpemUsXG4gIFRleHRXZWlnaHQsXG4gIFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLFxuICBQb2x5bW9ycGhpY1JlZixcbiAgTGlua1ZhcmlhdGlvbnMsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBMaW5rQ29uZGl0aW9uYWxQcm9wcyA9XG4gIHwge1xuICAgICAgLyoqIEl0IGZvcmNlcyB0byBpbmhlcml0IGNvbG9yLCB3ZWlnaHQsIHNpemUgZnJvbSBwYXJlbnQgKi9cbiAgICAgIGlubGluZT86IHRydWU7XG4gICAgICAvKiogQSBjb2xvciBpcyBpbmhlcml0ZWQgZnJvbSBpdHMgcGFyZW50IFRleHQgb3RoZXJ3aXNlIHNldCBhcyAncHJpbWFyeScgKi9cbiAgICAgIGNvbG9yOiBUZXh0Q29sb3JzO1xuICAgIH1cbiAgfCB7XG4gICAgICBpbmxpbmU/OiBmYWxzZTtcbiAgICAgIGNvbG9yPzogVGV4dENvbG9ycztcbiAgICB9O1xuXG5leHBvcnQgdHlwZSBMaW5rUHJvcHMgPSB7XG4gIC8qKiBBIHNpemUgaXMgaW5oZXJpdGVkIGZyb20gaXRzIHBhcmVudCAqL1xuICBzaXplPzogVGV4dFNpemU7XG4gIC8qKiBBIHdlaWdodCBpcyBpbmhlcml0ZWQgZnJvbSBpdHMgcGFyZW50ICovXG4gIHdlaWdodD86IFRleHRXZWlnaHQ7XG4gIC8qKiBAZGVwcmVjYXRlZCB2YXJpYW50LCBwbGVhc2UgdXNlIFwiY29sb3JcIiBwcm9wIGluc3RlYWQgKi9cbiAgdmFyaWFudD86IExpbmtWYXJpYXRpb25zO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn0gJiBMaW5rQ29uZGl0aW9uYWxQcm9wcztcblxudHlwZSBMaW5rQ29tcG9uZW50ID0gPEMgZXh0ZW5kcyBSZWFjdC5FbGVtZW50VHlwZSA9IFwiYVwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIExpbmtQcm9wcz5cbikgPT4gUmVhY3QuUmVhY3RFbGVtZW50IHwgbnVsbDtcblxuY29uc3QgU3R5bGVkTGluayA9IHN0eWxlZChcImFcIik8UGFydGlhbDxMaW5rUHJvcHM+PihcbiAgKHsgdGhlbWUsIHdlaWdodCwgc2l6ZSwgY29sb3IsIGlubGluZSB9KSA9PlxuICAgICh7XG4gICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250W3NpemVdLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodFt3ZWlnaHRdLFxuICAgICAgbGluZUhlaWdodDoge1xuICAgICAgICB4czogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54bCxcbiAgICAgICAgczogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5sLFxuICAgICAgICBtOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuICAgICAgfVtzaXplXSxcbiAgICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG5cbiAgICAgIHRleHREZWNvcmF0aW9uTGluZTogaW5saW5lID8gXCJ1bmRlcmxpbmVcIiA6IFwibm9uZVwiLFxuICAgICAgY29sb3I6IGNvbG9yID8gdGhlbWUudmFsdWVzLmNvbG9yLnRleHRbY29sb3JdLmRlZmF1bHQgOiBcImluaGVyaXRcIixcblxuICAgICAgLi4uKChjb2xvciA9PT0gXCJwcmltYXJ5XCIgfHxcbiAgICAgICAgY29sb3IgPT09IFwic2Vjb25kYXJ5XCIgfHxcbiAgICAgICAgY29sb3IgPT09IFwidGVydGlhcnlcIikgJiYge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC51bmRlcmxpbmUuZGVmYXVsdCxcbiAgICAgIH0pLFxuXG4gICAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0ZXh0RGVjb3JhdGlvbkxpbmU6IFwidW5kZXJsaW5lXCIsXG4gICAgICAgIHRleHREZWNvcmF0aW9uVGhpY2tuZXNzOiBcIjAuMTI1ZW1cIiwgLy8gaXQncyBub3Qgd29ya2luZyBpbiBTYWZhcmkgZm9yIGEgbGluayBhcyBidXR0b25cbiAgICAgICAgLi4uKChjb2xvciA9PT0gXCJwcmltYXJ5XCIgfHxcbiAgICAgICAgICBjb2xvciA9PT0gXCJzZWNvbmRhcnlcIiB8fFxuICAgICAgICAgIGNvbG9yID09PSBcInRlcnRpYXJ5XCIpICYmIHtcbiAgICAgICAgICB0ZXh0RGVjb3JhdGlvbkNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC51bmRlcmxpbmUuaG92ZXIsXG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0W2NvbG9yXS5ob3ZlcixcbiAgICAgICAgfSksXG4gICAgICB9LFxuICAgIH0gYXMgQ1NTT2JqZWN0KVxuKTtcblxuZXhwb3J0IGNvbnN0IExpbms6IExpbmtDb21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJhXCI+KFxuICAgIHtcbiAgICAgIHdlaWdodCxcbiAgICAgIGNvbG9yOiBjb2xvclByb3AsXG4gICAgICBzaXplLFxuICAgICAgdmFyaWFudCxcbiAgICAgIGlubGluZSxcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIExpbmtQcm9wcz4sXG4gICAgcmVmPzogUG9seW1vcnBoaWNSZWY8Qz5cbiAgKSA9PiB7XG4gICAgY29uc3QgaW5oZXJpdFByb3BzRnJvbVRleHQgPSB1c2VDb250ZXh0KFRleHRDb250ZXh0KTtcblxuICAgIGNvbnN0IGdldENvbG9yID0gKCkgPT4ge1xuICAgICAgaWYgKHZhcmlhbnQpIHtcbiAgICAgICAgLy8gdGhpcyBpcyBnb2luZyB0byBiZSBkZWxldGVkIGFmdGVyIG1pZ3JhdGlvblxuICAgICAgICBpZiAodmFyaWFudCA9PT0gXCJwcmltYXJ5XCIpIHJldHVybiBcImFjY2VudFwiO1xuICAgICAgICBpZiAodmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIikgcmV0dXJuIFwicHJpbWFyeVwiO1xuICAgICAgICByZXR1cm4gdmFyaWFudDtcbiAgICAgIH1cbiAgICAgIGlmIChjb2xvclByb3ApIHJldHVybiBjb2xvclByb3A7XG4gICAgICBpZiAoaW5oZXJpdFByb3BzRnJvbVRleHQ/LmNvbG9yKSByZXR1cm4gaW5oZXJpdFByb3BzRnJvbVRleHQ/LmNvbG9yO1xuICAgICAgaWYgKCFpbmxpbmUpIHJldHVybiBcImFjY2VudFwiO1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxTdHlsZWRMaW5rXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJMaW5rXCJcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGlubGluZT17aW5saW5lIHx8ICEhaW5oZXJpdFByb3BzRnJvbVRleHR9XG4gICAgICAgIGNvbG9yPXtnZXRDb2xvcigpfVxuICAgICAgICBzaXplPXtzaXplIHx8IGluaGVyaXRQcm9wc0Zyb21UZXh0Py5zaXplfVxuICAgICAgICB3ZWlnaHQ9e3dlaWdodCB8fCBpbmhlcml0UHJvcHNGcm9tVGV4dD8ud2VpZ2h0fVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgIC8+XG4gICAgKTtcbiAgfVxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q21CIn0= */");export const Link=React.forwardRef(({weight,color:colorProp,size,variant,inline,"data-e2e-test-id":dataE2eTestId,...rest},ref)=>{let inheritPropsFromText=useContext(TextContext);return React.createElement(StyledLink,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Link",ref:ref,inline:inline||!!inheritPropsFromText,color:variant?"primary"===variant?"accent":"secondary"===variant?"primary":variant:colorProp||((null==inheritPropsFromText?void 0:inheritPropsFromText.color)?null==inheritPropsFromText?void 0:inheritPropsFromText.color:inline?void 0:"accent"),size:size||(null==inheritPropsFromText?void 0:inheritPropsFromText.size),weight:weight||(null==inheritPropsFromText?void 0:inheritPropsFromText.weight),...rest})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";let textStyles=theme=>({fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.m,fontWeight:theme.variables.weight.normal,color:theme.values.color.text.primary.default,lineHeight:theme.variables.size.lineHeight.xl,"em, .scientific-name":{fontStyle:"italic"},".nowrap":{whiteSpace:"nowrap"},".important":{fontWeight:"bolder"},".question-condensed, .inline-comment":{display:"none"},".highlight":{textDecoration:"underline",textDecorationSkipInk:"none",textDecorationThickness:"4px",textDecorationColor:theme.values.color.background.textHighlight.qbankKeyInfo},p:{margin:0}}),headerStyles=theme=>({"h2, h3":{fontFamily:theme.variables.fontFamily.lato,color:theme.values.color.text.primary.default,fontWeight:theme.variables.weight.black,margin:`0 0 ${theme.variables.size.spacing.m} 0`},h2:{fontSize:theme.variables.size.font.xxl,lineHeight:theme.variables.size.lineHeight.m},h3:{fontSize:theme.variables.size.font.xl,lineHeight:theme.variables.size.lineHeight.m}}),linkStyles=theme=>({a:{fontSize:"inherit",fontWeight:"inherit",color:"inherit",textDecorationLine:"underline",textDecorationColor:theme.values.color.text.underline.default,"&:hover":{textDecorationThickness:"0.125em",textDecorationColor:theme.values.color.text.underline.hover}}}),tableStyles=theme=>({table:{borderRadius:theme.variables.size.borderRadius.xs,border:`1px solid ${theme.values.color.border.primary.default}`,padding:`${theme.variables.size.spacing.s} 0`,fontSize:theme.variables.size.font.xs,lineHeight:theme.variables.size.lineHeight.l,borderSpacing:0,marginLeft:"auto",marginRight:"auto","td, th":{padding:`${theme.variables.size.spacing.xxxs} ${theme.variables.size.spacing.m}`,verticalAlign:"top"},th:{fontWeight:"bolder"},tr:{"td:not(:last-child), th:not(:last-child)":{borderRight:`1px solid ${theme.values.color.border.primary.default}`}}},".table":{width:"100%",overflow:"auto"}}),listStyles=theme=>({"ul, ol":{marginLeft:theme.variables.size.spacing.m}}),StyledContainer=styled("div",{target:"e1itz4xz0",label:"StyledContainer"})(({theme})=>({...textStyles(theme),...headerStyles(theme),...tableStyles(theme),...linkStyles(theme),...listStyles(theme),"p, ul, ol, .table":{"&:not(:last-child)":{marginBottom:theme.variables.size.spacing.m}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUUJhbmtSaWNoVGV4dC9RQmFua1JpY2hUZXh0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvUUJhbmtSaWNoVGV4dC9RQmFua1JpY2hUZXh0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuY29uc3QgdGV4dFN0eWxlcyA9ICh0aGVtZTogVGhlbWUpID0+ICh7XG4gIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250Lm0sXG4gIGZvbnRXZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy53ZWlnaHQubm9ybWFsLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhsLFxuXG4gIFwiZW0sIC5zY2llbnRpZmljLW5hbWVcIjoge1xuICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgfSxcblxuICBcIi5ub3dyYXBcIjoge1xuICAgIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIH0sXG5cbiAgXCIuaW1wb3J0YW50XCI6IHtcbiAgICBmb250V2VpZ2h0OiBcImJvbGRlclwiLFxuICB9LFxuXG4gIFwiLnF1ZXN0aW9uLWNvbmRlbnNlZCwgLmlubGluZS1jb21tZW50XCI6IHtcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgfSxcblxuICBcIi5oaWdobGlnaHRcIjoge1xuICAgIHRleHREZWNvcmF0aW9uOiBcInVuZGVybGluZVwiLFxuICAgIHRleHREZWNvcmF0aW9uU2tpcEluazogXCJub25lXCIgYXMgY29uc3QsXG4gICAgdGV4dERlY29yYXRpb25UaGlja25lc3M6IFwiNHB4XCIsXG4gICAgdGV4dERlY29yYXRpb25Db2xvcjpcbiAgICAgIHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRleHRIaWdobGlnaHQucWJhbmtLZXlJbmZvLFxuICB9LFxuXG4gIHA6IHtcbiAgICBtYXJnaW46IDAsXG4gIH0sXG59KTtcblxuY29uc3QgaGVhZGVyU3R5bGVzID0gKHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgXCJoMiwgaDNcIjoge1xuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJsYWNrLFxuICAgIG1hcmdpbjogYDAgMCAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubX0gMGAsXG4gIH0sXG5cbiAgaDI6IHtcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54eGwsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxuICB9LFxuXG4gIGgzOiB7XG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQueGwsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5tLFxuICB9LFxufSk7XG5cbmNvbnN0IGxpbmtTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBhOiB7XG4gICAgZm9udFNpemU6IFwiaW5oZXJpdFwiLFxuICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgIGNvbG9yOiBcImluaGVyaXRcIixcbiAgICB0ZXh0RGVjb3JhdGlvbkxpbmU6IFwidW5kZXJsaW5lXCIsXG4gICAgdGV4dERlY29yYXRpb25Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudW5kZXJsaW5lLmRlZmF1bHQsXG5cbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgdGV4dERlY29yYXRpb25UaGlja25lc3M6IFwiMC4xMjVlbVwiLFxuICAgICAgdGV4dERlY29yYXRpb25Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudW5kZXJsaW5lLmhvdmVyLFxuICAgIH0sXG4gIH0sXG59KTtcblxuY29uc3QgdGFibGVTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICB0YWJsZToge1xuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICAgIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIucHJpbWFyeS5kZWZhdWx0fWAsXG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAwYCxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC54cyxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmwsXG4gICAgYm9yZGVyU3BhY2luZzogMCxcbiAgICBtYXJnaW5MZWZ0OiBcImF1dG9cIixcbiAgICBtYXJnaW5SaWdodDogXCJhdXRvXCIsXG5cbiAgICBcInRkLCB0aFwiOiB7XG4gICAgICBwYWRkaW5nOiBgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4eHN9ICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfWAsXG4gICAgICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxuICAgIH0sXG5cbiAgICB0aDoge1xuICAgICAgZm9udFdlaWdodDogXCJib2xkZXJcIixcbiAgICB9LFxuXG4gICAgdHI6IHtcbiAgICAgIFwidGQ6bm90KDpsYXN0LWNoaWxkKSwgdGg6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICAgIGJvcmRlclJpZ2h0OiBgMXB4IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5wcmltYXJ5LmRlZmF1bHR9YCxcbiAgICAgIH0sXG4gICAgfSxcbiAgfSxcblxuICAvLyBzdHlsZXMgZm9yIHRhYmxlIHdyYXBwZXIgZGl2XG4gIFwiLnRhYmxlXCI6IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxuICB9LFxufSk7XG5cbmNvbnN0IGxpc3RTdHlsZXMgPSAodGhlbWU6IFRoZW1lKSA9PiAoe1xuICBcInVsLCBvbFwiOiB7XG4gICAgbWFyZ2luTGVmdDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tLFxuICB9LFxufSk7XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgLi4udGV4dFN0eWxlcyh0aGVtZSksXG4gIC4uLmhlYWRlclN0eWxlcyh0aGVtZSksXG4gIC4uLnRhYmxlU3R5bGVzKHRoZW1lKSxcbiAgLi4ubGlua1N0eWxlcyh0aGVtZSksXG4gIC4uLmxpc3RTdHlsZXModGhlbWUpLFxuXG4gIC8vIHNwYWNpbmcgYmV0d2VlbiBlbGVtZW50c1xuICBcInAsIHVsLCBvbCwgLnRhYmxlXCI6IHtcbiAgICBcIiY6bm90KDpsYXN0LWNoaWxkKVwiOiB7XG4gICAgICBtYXJnaW5Cb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICB9LFxuICB9LFxufSkpO1xuXG5leHBvcnQgdHlwZSBRQmFua1JpY2hUZXh0UHJvcHMgPSB7XG4gIGh0bWw/OiBzdHJpbmcgfCBudWxsO1xufTtcblxuZXhwb3J0IGNvbnN0IFFCYW5rUmljaFRleHQ6IFJlYWN0LkZDPFFCYW5rUmljaFRleHRQcm9wcz4gPSAoeyBodG1sIH0pID0+XG4gIGh0bWwgJiYgPFN0eWxlZENvbnRhaW5lciBkYW5nZXJvdXNseVNldElubmVySFRNTD17eyBfX2h0bWw6IGh0bWwgfX0gLz47XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0h3QiJ9 */");export const QBankRichText=({html})=>html&&React.createElement(StyledContainer,{dangerouslySetInnerHTML:{__html:html}});
|
package/build/esm/index.d.ts
CHANGED
|
@@ -61,3 +61,4 @@ export * from "./components/Sheet/Sheet";
|
|
|
61
61
|
export * from "./components/Image/Image";
|
|
62
62
|
export * from "./components/Form/MaskedInput/MaskedInput";
|
|
63
63
|
export * from "./components/Utilities/Expandable/Expandable";
|
|
64
|
+
export * from "./components/QBankRichText/QBankRichText";
|
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/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Select/Select";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";
|
|
1
|
+
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Select/Select";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";
|
|
@@ -305,6 +305,15 @@
|
|
|
305
305
|
"lightValue": "#d0f1e8",
|
|
306
306
|
"lightOriginalValue": "green.light02"
|
|
307
307
|
},
|
|
308
|
+
"color-background-textHighlight-qbankKeyInfo": {
|
|
309
|
+
"name": "background.textHighlight",
|
|
310
|
+
"description": "Use to highlight key info in Question text",
|
|
311
|
+
"subState": "qbankKeyInfo",
|
|
312
|
+
"darkValue": "#a4792d",
|
|
313
|
+
"darkOriginalValue": "night-orange.regular",
|
|
314
|
+
"lightValue": "#df9411",
|
|
315
|
+
"lightOriginalValue": "orange.dark01"
|
|
316
|
+
},
|
|
308
317
|
"color-background-contrast-default": {
|
|
309
318
|
"name": "background.contrast",
|
|
310
319
|
"description": "Provides the highest contrast against the canvas and base background, such as in tooltips",
|
|
@@ -752,6 +761,15 @@
|
|
|
752
761
|
"darkOriginalValue": "night-red.light01",
|
|
753
762
|
"lightValue": "#dc4847",
|
|
754
763
|
"lightOriginalValue": "red.dark01"
|
|
764
|
+
},
|
|
765
|
+
"color-border-success-default": {
|
|
766
|
+
"name": "border.success",
|
|
767
|
+
"description": "Use in combination with other visual cues to designate a success state of certain UI elements",
|
|
768
|
+
"subState": "default",
|
|
769
|
+
"darkValue": "#41a48a",
|
|
770
|
+
"darkOriginalValue": "night-green.light01",
|
|
771
|
+
"lightValue": "#0b8363",
|
|
772
|
+
"lightOriginalValue": "green.dark01"
|
|
755
773
|
}
|
|
756
774
|
},
|
|
757
775
|
"divider": {
|
|
@@ -1098,5 +1116,47 @@
|
|
|
1098
1116
|
"lightValue": "#eef2f5",
|
|
1099
1117
|
"lightOriginalValue": "gray.light03"
|
|
1100
1118
|
}
|
|
1119
|
+
},
|
|
1120
|
+
"qbank-answer": {
|
|
1121
|
+
"color-qbank-answer-background-title": {
|
|
1122
|
+
"name": "qbank-answer.background",
|
|
1123
|
+
"subState": "title",
|
|
1124
|
+
"darkValue": "rgba(164, 83, 85, 0.45)",
|
|
1125
|
+
"darkOriginalValue": "night-red.regular-transparent",
|
|
1126
|
+
"lightValue": "rgba(240, 117, 117, 0.45)",
|
|
1127
|
+
"lightOriginalValue": "red.light01-transparent"
|
|
1128
|
+
},
|
|
1129
|
+
"color-qbank-answer-background-explanation": {
|
|
1130
|
+
"name": "qbank-answer.background",
|
|
1131
|
+
"subState": "explanation",
|
|
1132
|
+
"darkValue": "#312b31",
|
|
1133
|
+
"darkOriginalValue": "night-red.dark02",
|
|
1134
|
+
"lightValue": "#fde8e8",
|
|
1135
|
+
"lightOriginalValue": "red.light03"
|
|
1136
|
+
},
|
|
1137
|
+
"color-qbank-answer-border-correct": {
|
|
1138
|
+
"name": "qbank-answer.border",
|
|
1139
|
+
"subState": "correct",
|
|
1140
|
+
"darkValue": "#28816b",
|
|
1141
|
+
"darkOriginalValue": "night-green.regular",
|
|
1142
|
+
"lightValue": "#8adcc6",
|
|
1143
|
+
"lightOriginalValue": "green.light01"
|
|
1144
|
+
},
|
|
1145
|
+
"color-qbank-answer-border-correct-with-hint": {
|
|
1146
|
+
"name": "qbank-answer.border",
|
|
1147
|
+
"subState": "correct-with-hint",
|
|
1148
|
+
"darkValue": "#a4792d",
|
|
1149
|
+
"darkOriginalValue": "night-orange.regular",
|
|
1150
|
+
"lightValue": "#f6c66f",
|
|
1151
|
+
"lightOriginalValue": "orange.light01"
|
|
1152
|
+
},
|
|
1153
|
+
"color-qbank-answer-border-incorrect": {
|
|
1154
|
+
"name": "qbank-answer.border",
|
|
1155
|
+
"subState": "incorrect",
|
|
1156
|
+
"darkValue": "#a45355",
|
|
1157
|
+
"darkOriginalValue": "night-red.regular",
|
|
1158
|
+
"lightValue": "#f07575",
|
|
1159
|
+
"lightOriginalValue": "red.light01"
|
|
1160
|
+
}
|
|
1101
1161
|
}
|
|
1102
1162
|
}
|
|
@@ -181,6 +181,7 @@ type AmbossTheme = {
|
|
|
181
181
|
"find": string;
|
|
182
182
|
"relevancePrimary": string;
|
|
183
183
|
"relevanceSecondary": string;
|
|
184
|
+
"qbankKeyInfo": string;
|
|
184
185
|
};
|
|
185
186
|
"contrast": {
|
|
186
187
|
"default": string;
|
|
@@ -285,6 +286,9 @@ type AmbossTheme = {
|
|
|
285
286
|
"error": {
|
|
286
287
|
"default": string;
|
|
287
288
|
};
|
|
289
|
+
"success": {
|
|
290
|
+
"default": string;
|
|
291
|
+
};
|
|
288
292
|
};
|
|
289
293
|
"divider": {
|
|
290
294
|
"primary": string;
|
|
@@ -365,6 +369,46 @@ type AmbossTheme = {
|
|
|
365
369
|
"default": string;
|
|
366
370
|
};
|
|
367
371
|
};
|
|
372
|
+
"qbankAnswer": {
|
|
373
|
+
"background": {
|
|
374
|
+
"title": {
|
|
375
|
+
"correct": {
|
|
376
|
+
"default": string;
|
|
377
|
+
"hover": string;
|
|
378
|
+
};
|
|
379
|
+
"correctWithHint": {
|
|
380
|
+
"default": string;
|
|
381
|
+
"hover": string;
|
|
382
|
+
};
|
|
383
|
+
"incorrect": {
|
|
384
|
+
"default": string;
|
|
385
|
+
"hover": string;
|
|
386
|
+
};
|
|
387
|
+
};
|
|
388
|
+
"explanation": {
|
|
389
|
+
"correct": {
|
|
390
|
+
"default": string;
|
|
391
|
+
};
|
|
392
|
+
"correctWithHint": {
|
|
393
|
+
"default": string;
|
|
394
|
+
};
|
|
395
|
+
"incorrect": {
|
|
396
|
+
"default": string;
|
|
397
|
+
};
|
|
398
|
+
};
|
|
399
|
+
};
|
|
400
|
+
"border": {
|
|
401
|
+
"correct": {
|
|
402
|
+
"default": string;
|
|
403
|
+
};
|
|
404
|
+
"correctWithHint": {
|
|
405
|
+
"default": string;
|
|
406
|
+
};
|
|
407
|
+
"incorrect": {
|
|
408
|
+
"default": string;
|
|
409
|
+
};
|
|
410
|
+
};
|
|
411
|
+
};
|
|
368
412
|
};
|
|
369
413
|
"elevation": {
|
|
370
414
|
"1": string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}};export const ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",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.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#262f36"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#2e9aa7",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#2e9aa7"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}}},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"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#1d6670",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#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.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#047a88",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}}},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)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#85d3dc",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
|
|
1
|
+
let variables={size:{letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},dimension:{icon:{s:"16px",m:"24px",l:"48px"},checkbox:{s:"16px",m:"24px"},radio:{m:"24px"},radioPoint:{m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:"560px"},mediaViewerBar:{separator:{width:"1px"}}},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625}},fontFamily:{lato:"Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{button:{disabled:.3},form:{disabled:"0.35"}},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}};export const ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#1e2125",hover:"#24282d",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2e9aa7",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.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#262f36"},errorSubtle:{default:"#312b31"},successSubtle:{default:"#262e33"},infoSubtle:{default:"#282e39"},warningSubtle:{default:"#32302f"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",qbankKeyInfo:"#a4792d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 151, 159, 0.08)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2e9aa7",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#93979f",hover:"#b9bcc3"}},icon:{primary:"#d8dade",secondary:"#ced1d6",tertiary:"#93979f",quaternary:"#757a84",accent:"#2e9aa7",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#6e95cf",error:"#d07c7c",warning:"#cbac76",success:"#41a48a",brand:"#2e9aa7"},border:{primary:{default:"#5b5f67",hover:"#757a84",active:"#93979f",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)"},accent:{default:"#2e9aa7"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},badge:{background:{default:"transparent",green:"transparent",blue:"transparent",yellow:"transparent",brand:"transparent",purple:"transparent",red:"transparent",gray:"transparent"},text:{default:"#ced1d6",green:"#41a48a",blue:"#6e95cf",yellow:"#cbac76",brand:"#2e9aa7",purple:"#ad97f7",red:"#d07c7c",gray:"#93979f"},border:{default:"#393e47",green:"#393e47",blue:"#393e47",yellow:"#393e47",brand:"#393e47",purple:"#393e47",red:"#393e47",gray:"#393e47"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#ced1d6",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},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"}}}},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"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#c02725",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ee6160"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",error:"#ee6160",info:"#6e95cf"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 151, 159, 0.08)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:"#1e2125",secondary:"#40454f",tertiary:"#5b5f67",accent:"#1d6670",onAccent:"#ffffff",info:"#29364c",error:"#4d3237"},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#ced1d6",accent:"#ffffff",onAccent:"#262e33",error:"#d07c7c"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}}}}},light:{name:"light",variables:variables,values:{color:{canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#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.6)"},error:{default:"#dc4847",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",qbankKeyInfo:"#df9411"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#607585",hover:"rgba(96, 117, 133, 0.08)",active:"rgba(96, 117, 133, 0.08)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#607585",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#607585"},dottedUnderline:{default:"#607585",hover:"#40515e"}},icon:{primary:"#1a1c1c",secondary:"#40515e",tertiary:"#607585",quaternary:"#a3b2bd",accent:"#047a88",onAccent:"#ffffff",onAccentSubtle:"rgba(255, 255, 255, 0.6)",info:"#295dae",error:"#dc4847",warning:"#df9411",success:"#0b8363",brand:"#0aa6b8"},border:{primary:{default:"#a3b2bd",hover:"#607585",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dc4847"},success:{default:"#0b8363"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},text:{default:"#1a1c1c",green:"#0b8363",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#607585"},border:{default:"#e0e6eb",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"}},segmentedProgressBar:{monochrome:"#607585",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},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"}}}},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)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#ffffff",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#ee6160"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ee6160"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#c02725",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ee6160"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#1c427d",info:"#d2e2f9",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#e0e6eb",secondary:"#a3b2bd",tertiary:"#a3b2bd",accent:"#85d3dc",onAccent:"#ffffff",info:"#6e95cf",error:"#f07575"},border:{primary:{default:"#40515e",hover:"#607585",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0fa980"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ee6160"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:"#ffffff",secondary:"#ffffff",tertiary:"#e0e6eb",accent:"#ffffff",onAccent:"#0a5c45",error:"#ee6160"},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}}}}}};
|
package/build/scss/_theming.scss
CHANGED
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
--color-background-textHighlight-find: #f6bc56;
|
|
32
32
|
--color-background-textHighlight-relevancePrimary: #8adcc6;
|
|
33
33
|
--color-background-textHighlight-relevanceSecondary: #d0f1e8;
|
|
34
|
+
--color-background-textHighlight-qbankKeyInfo: #df9411;
|
|
34
35
|
--color-background-contrast-default: #314554;
|
|
35
36
|
--color-background-transparent-default: rgba(255, 255, 255, 0);
|
|
36
37
|
--color-background-transparent-selected: #607585;
|
|
@@ -82,6 +83,7 @@
|
|
|
82
83
|
--color-border-onAccent-default: #ffffff;
|
|
83
84
|
--color-border-accentSubtle-default: #85d3dc;
|
|
84
85
|
--color-border-error-default: #dc4847;
|
|
86
|
+
--color-border-success-default: #0b8363;
|
|
85
87
|
--color-divider-primary: #e0e6eb;
|
|
86
88
|
--color-divider-secondary: rgba(163, 178, 189, 0.3);
|
|
87
89
|
--color-badge-background-default: #ffffff;
|
|
@@ -113,6 +115,18 @@
|
|
|
113
115
|
--color-segmented-progress-bar-warning: #f1d56b;
|
|
114
116
|
--color-segmented-progress-bar-alert: #f07575;
|
|
115
117
|
--color-segmented-progress-bar-in-progress: #e0e6eb;
|
|
118
|
+
--color-qbank-answer-background-title-correct-default: #d0f1e8;
|
|
119
|
+
--color-qbank-answer-background-title-correct-hover: rgba(138, 220, 198, 0.6);
|
|
120
|
+
--color-qbank-answer-background-title-correct-with-hint-default: #fceaca;
|
|
121
|
+
--color-qbank-answer-background-title-correct-with-hint-hover: rgba(246, 198, 111, 0.6);
|
|
122
|
+
--color-qbank-answer-background-title-incorrect-default: #fad1d1;
|
|
123
|
+
--color-qbank-answer-background-title-incorrect-hover: rgba(240, 117, 117, 0.45);
|
|
124
|
+
--color-qbank-answer-background-explanation-correct-default: #e8f8f4;
|
|
125
|
+
--color-qbank-answer-background-explanation-correct-with-hint-default: #fef3e1;
|
|
126
|
+
--color-qbank-answer-background-explanation-incorrect-default: #fde8e8;
|
|
127
|
+
--color-qbank-answer-border-correct-default: #8adcc6;
|
|
128
|
+
--color-qbank-answer-border-correct-with-hint-default: #f6c66f;
|
|
129
|
+
--color-qbank-answer-border-incorrect-default: #f07575;
|
|
116
130
|
--elevation-1: 0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07);
|
|
117
131
|
--elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01);
|
|
118
132
|
--elevation-3: 0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2);
|
|
@@ -152,6 +166,7 @@
|
|
|
152
166
|
--color-background-textHighlight-find: rgba(178, 171, 57, 0.6);
|
|
153
167
|
--color-background-textHighlight-relevancePrimary: #233d3d;
|
|
154
168
|
--color-background-textHighlight-relevanceSecondary: rgba(35, 61, 61, 0.8);
|
|
169
|
+
--color-background-textHighlight-qbankKeyInfo: #a4792d;
|
|
155
170
|
--color-background-contrast-default: #ced1d6;
|
|
156
171
|
--color-background-transparent-default: rgba(255, 255, 255, 0);
|
|
157
172
|
--color-background-transparent-selected: #40454f;
|
|
@@ -203,6 +218,7 @@
|
|
|
203
218
|
--color-border-onAccent-default: #ffffff;
|
|
204
219
|
--color-border-accentSubtle-default: #1d6670;
|
|
205
220
|
--color-border-error-default: #d07c7c;
|
|
221
|
+
--color-border-success-default: #41a48a;
|
|
206
222
|
--color-divider-primary: #32363e;
|
|
207
223
|
--color-divider-secondary: rgba(147, 149, 159, 0.15);
|
|
208
224
|
--color-badge-background-default: transparent;
|
|
@@ -234,6 +250,18 @@
|
|
|
234
250
|
--color-segmented-progress-bar-warning: #a4792d;
|
|
235
251
|
--color-segmented-progress-bar-alert: #a45355;
|
|
236
252
|
--color-segmented-progress-bar-in-progress: #5b5f67;
|
|
253
|
+
--color-qbank-answer-background-title-correct-default: #233d3d;
|
|
254
|
+
--color-qbank-answer-background-title-correct-hover: rgba(40, 129, 107, 0.45);
|
|
255
|
+
--color-qbank-answer-background-title-correct-with-hint-default: #4d412c;
|
|
256
|
+
--color-qbank-answer-background-title-correct-with-hint-hover: rgba(164, 121, 45, 0.45);
|
|
257
|
+
--color-qbank-answer-background-title-incorrect-default: #4d3237;
|
|
258
|
+
--color-qbank-answer-background-title-incorrect-hover: rgba(164, 83, 85, 0.45);
|
|
259
|
+
--color-qbank-answer-background-explanation-correct-default: #262e33;
|
|
260
|
+
--color-qbank-answer-background-explanation-correct-with-hint-default: #32302f;
|
|
261
|
+
--color-qbank-answer-background-explanation-incorrect-default: #312b31;
|
|
262
|
+
--color-qbank-answer-border-correct-default: #28816b;
|
|
263
|
+
--color-qbank-answer-border-correct-with-hint-default: #a4792d;
|
|
264
|
+
--color-qbank-answer-border-incorrect-default: #a45355;
|
|
237
265
|
--elevation-1: 0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0), 0px 0px 0px 1px rgba(64, 69, 79, 0.4) inset;
|
|
238
266
|
--elevation-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.4) inset;
|
|
239
267
|
--elevation-3: 0px 4px 20px 0px rgba(0, 0, 0, 0.2), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.5) inset;
|
|
@@ -60,6 +60,7 @@ $colorBackgroundTextHighlightSecondary: var(--color-background-textHighlight-sec
|
|
|
60
60
|
$colorBackgroundTextHighlightFind: var(--color-background-textHighlight-find);
|
|
61
61
|
$colorBackgroundTextHighlightRelevancePrimary: var(--color-background-textHighlight-relevancePrimary);
|
|
62
62
|
$colorBackgroundTextHighlightRelevanceSecondary: var(--color-background-textHighlight-relevanceSecondary);
|
|
63
|
+
$colorBackgroundTextHighlightQbankKeyInfo: var(--color-background-textHighlight-qbankKeyInfo);
|
|
63
64
|
$colorBackgroundContrast: var(--color-background-contrast-default);
|
|
64
65
|
$colorBackgroundTransparent: var(--color-background-transparent-default);
|
|
65
66
|
$colorBackgroundTransparentSelected: var(--color-background-transparent-selected);
|
|
@@ -111,6 +112,7 @@ $colorBorderAccent: var(--color-border-accent-default);
|
|
|
111
112
|
$colorBorderOnAccent: var(--color-border-onAccent-default);
|
|
112
113
|
$colorBorderAccentSubtle: var(--color-border-accentSubtle-default);
|
|
113
114
|
$colorBorderError: var(--color-border-error-default);
|
|
115
|
+
$colorBorderSuccess: var(--color-border-success-default);
|
|
114
116
|
$colorDividerPrimary: var(--color-divider-primary);
|
|
115
117
|
$colorDividerSecondary: var(--color-divider-secondary);
|
|
116
118
|
$colorBadgeBackground: var(--color-badge-background-default);
|
|
@@ -142,6 +144,18 @@ $colorSegmentedProgressBarSuccess: var(--color-segmented-progress-bar-success);
|
|
|
142
144
|
$colorSegmentedProgressBarWarning: var(--color-segmented-progress-bar-warning);
|
|
143
145
|
$colorSegmentedProgressBarAlert: var(--color-segmented-progress-bar-alert);
|
|
144
146
|
$colorSegmentedProgressBarInProgress: var(--color-segmented-progress-bar-in-progress);
|
|
147
|
+
$colorQbankAnswerBackgroundTitleCorrectDefault: var(--color-qbank-answer-background-title-correct-default);
|
|
148
|
+
$colorQbankAnswerBackgroundTitleCorrectHover: var(--color-qbank-answer-background-title-correct-hover);
|
|
149
|
+
$colorQbankAnswerBackgroundTitleCorrectWithHintDefault: var(--color-qbank-answer-background-title-correct-with-hint-default);
|
|
150
|
+
$colorQbankAnswerBackgroundTitleCorrectWithHintHover: var(--color-qbank-answer-background-title-correct-with-hint-hover);
|
|
151
|
+
$colorQbankAnswerBackgroundTitleIncorrectDefault: var(--color-qbank-answer-background-title-incorrect-default);
|
|
152
|
+
$colorQbankAnswerBackgroundTitleIncorrectHover: var(--color-qbank-answer-background-title-incorrect-hover);
|
|
153
|
+
$colorQbankAnswerBackgroundExplanationCorrectDefault: var(--color-qbank-answer-background-explanation-correct-default);
|
|
154
|
+
$colorQbankAnswerBackgroundExplanationCorrectWithHintDefault: var(--color-qbank-answer-background-explanation-correct-with-hint-default);
|
|
155
|
+
$colorQbankAnswerBackgroundExplanationIncorrectDefault: var(--color-qbank-answer-background-explanation-incorrect-default);
|
|
156
|
+
$colorQbankAnswerBorderCorrectDefault: var(--color-qbank-answer-border-correct-default);
|
|
157
|
+
$colorQbankAnswerBorderCorrectWithHintDefault: var(--color-qbank-answer-border-correct-with-hint-default);
|
|
158
|
+
$colorQbankAnswerBorderIncorrectDefault: var(--color-qbank-answer-border-incorrect-default);
|
|
145
159
|
$elevation1: var(--elevation-1);
|
|
146
160
|
$elevation2: var(--elevation-2);
|
|
147
161
|
$elevation3: var(--elevation-3);
|