diff --git a/CHANGELOG.md b/CHANGELOG.md index 0cb34c0dc..24bc587fd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,12 @@ Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it. +# v20.0.0 + +- [BREAKING] Remove `usePrevious` hook +- [BREAKING] Remove `DeprecatedNotification` component +- [BREAKING] The `Menu` component now uses Reactist CSS variables to style itself + # v19.1.1 - [Fix] Export new `Banner` component. diff --git a/docs/iframe.html b/docs/iframe.html index 1f33bc76f..fff0f016c 100644 --- a/docs/iframe.html +++ b/docs/iframe.html @@ -476,4 +476,4 @@ - window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}]; \ No newline at end of file + window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},{"titlePrefix":"","directory":"./stories","files":"**/*.stories.@(js|jsx|ts|tsx|mdx)","importPathMatcher":"^\\.[\\\\/](?:stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx|mdx))$"}]; \ No newline at end of file diff --git a/docs/main.84649a4e.iframe.bundle.js b/docs/main.84649a4e.iframe.bundle.js deleted file mode 100644 index 8235749b3..000000000 --- a/docs/main.84649a4e.iframe.bundle.js +++ /dev/null @@ -1 +0,0 @@ -(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{"./.storybook/preview.js-generated-config-entry.js":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__);var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,"decorators",(function(){return decorators})),__webpack_require__.d(preview_namespaceObject,"parameters",(function(){return parameters}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("./node_modules/core-js/modules/es.array.for-each.js"),__webpack_require__("./node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("./node_modules/@storybook/client-api/dist/esm/ClientApi.js"),client=(__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/@storybook/react/dist/esm/client/index.js")),decorators=(__webpack_require__("./node_modules/react/index.js"),__webpack_require__("./stories/components/styles/story.less"),[function(Story){return Story()}]),parameters={viewMode:"docs",options:{storySort:{method:"alphabetical",order:["Reactist","Design tokens","Design system","Hooks","Components"]}},decorators:decorators,chromatic:{disableSnapshot:!0}},badgeFontStyles={fontSize:"12px",lineHeight:"14px"};function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object(client.addParameters)({badgesConfig:{accessible:{title:"✔ Accessible (WCAG 2.0 AA)",styles:Object.assign({backgroundColor:"rgba(5, 133, 39, 0.1)",borderColor:"rgb(5, 133, 39)",color:"rgb(5, 133, 39)"},badgeFontStyles)},partiallyAccessible:{title:"⚠ Partially Accessible",styles:Object.assign({backgroundColor:"rgba(235, 141, 19, 0.1)",borderColor:"rgb(235, 141, 19)",color:"rgb(235, 141, 19)"},badgeFontStyles)},notAccessible:{title:"✖ Not accessible",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)},deprecated:{title:"✖ Deprecated",styles:Object.assign({backgroundColor:"rgba(209, 69, 59, 0.1)",borderColor:"rgb(209, 69, 59)",color:"rgb(209, 69, 59)"},badgeFontStyles)}}}),Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":return Object(ClientApi.d)(value);case"argTypes":return Object(ClientApi.b)(value);case"decorators":return value.forEach((function(decorator){return Object(ClientApi.f)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return Object(ClientApi.g)(loader,!1)}));case"parameters":return Object(ClientApi.h)(function _objectSpread(target){for(var i=1;i*{pointer-events:none}._3Gq7qrTO{--reactist-btn-idle-tint:var(--reactist-actionable-primary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-disabled-fill)}._3Y_HuyqS{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-secondary-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-secondary-disabled-fill)}.gy5dMCqZ{--reactist-btn-idle-tint:var(--reactist-actionable-tertiary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-tertiary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-tertiary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-tertiary-disabled-tint)}._3GSEt0up,.gy5dMCqZ{--reactist-btn-idle-fill:transparent;--reactist-btn-disabled-fill:transparent}._3GSEt0up{--reactist-btn-idle-tint:var(--reactist-actionable-quaternary-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-quaternary-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-quaternary-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-quaternary-disabled-tint)}._3Gq7qrTO._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-primary-destructive-idle-tint);--reactist-btn-idle-fill:var(--reactist-actionable-primary-destructive-idle-fill);--reactist-btn-hover-tint:var(--reactist-actionable-primary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-primary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-primary-destructive-disabled-tint);--reactist-btn-disabled-fill:var(--reactist-actionable-primary-destructive-disabled-fill)}._3Y_HuyqS._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-idle-fill:transparent;--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-hover-fill:var(--reactist-actionable-secondary-destructive-hover-fill);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint);--reactist-btn-disabled-fill:transparent;border-color:var(--reactist-btn-idle-tint)}._3Y_HuyqS._5mhS9P-v:hover{border-color:var(--reactist-btn-hover-tint)}._3Y_HuyqS._5mhS9P-v._2PQcvkB9{border-color:var(--reactist-btn-disabled-tint)}._3GSEt0up._5mhS9P-v,.gy5dMCqZ._5mhS9P-v{--reactist-btn-idle-tint:var(--reactist-actionable-secondary-destructive-idle-tint);--reactist-btn-hover-tint:var(--reactist-actionable-secondary-destructive-hover-tint);--reactist-btn-disabled-tint:var(--reactist-actionable-secondary-destructive-disabled-tint)}",""]),exports.locals={baseButton:"_1AOsTJG3",label:"_2Ics8rP_","shape-rounded":"_2o-nyUTF","size-small":"_3NSQNfFo","size-normal":"_1xS1YG4L","size-large":"_1tvpnBHw",disabled:"_2PQcvkB9",iconButton:"_3AuL4yE4",startIcon:"_3wqLydX-",endIcon:"_2RzezWii","variant-primary":"_3Gq7qrTO","variant-secondary":"_3Y_HuyqS","variant-tertiary":"gy5dMCqZ","variant-quaternary":"_3GSEt0up","tone-destructive":"_5mhS9P-v"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1X5hnkNJ{font-family:var(--reactist-font-family)}._1X5hnkNJ .pGcYpWI_,._1X5hnkNJ label{padding-bottom:var(--reactist-spacing-small)}._1X5hnkNJ._2u9vPlh8{border-radius:var(--reactist-border-radius-large);border:1px solid var(--reactist-divider-secondary);padding:var(--reactist-spacing-small);padding-bottom:var(--reactist-spacing-xsmall);overflow:clip}._1X5hnkNJ._2u9vPlh8 label{flex-grow:1;cursor:text}._1X5hnkNJ._2u9vPlh8 label span{cursor:default}._1X5hnkNJ._2u9vPlh8:focus-within{border-color:var(--reactist-divider-primary)!important}._1X5hnkNJ._2u9vPlh8._3TopuoM_{border-color:var(--reactist-alert-tone-critical-border)!important}._1X5hnkNJ._2u9vPlh8 ._1cLJxWaH{font-weight:500}._1X5hnkNJ._2u9vPlh8 .pGcYpWI_{font-size:var(--reactist-font-size-caption)}._1X5hnkNJ:not(._2u9vPlh8) ._1cLJxWaH{font-weight:var(--reactist-font-weight-strong)}._1X5hnkNJ:not(._2u9vPlh8) .pGcYpWI_{font-size:var(--reactist-font-size-body)}._2vgabN3M{color:var(--reactist-content-secondary)}.pGcYpWI_{text-align:right}._3oNwd3tJ{vertical-align:bottom}",""]),exports.locals={container:"_1X5hnkNJ",auxiliaryLabel:"pGcYpWI_",bordered:"_2u9vPlh8",error:"_3TopuoM_",primaryLabel:"_1cLJxWaH",secondaryLabel:"_2vgabN3M",messageIcon:"_3oNwd3tJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/box.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._34n6lzh1{box-sizing:border-box;border:0;margin:0;padding:0;font-size:var(--reactist-font-size-body);font-family:inherit;vertical-align:baseline;background-color:transparent;list-style:none}pre._34n6lzh1{font-family:monospace}._34n6lzh1[hidden]{display:none!important}._4O18_OS-{position:absolute}._28SfqXxQ{position:fixed}._25hgucpJ{position:relative}._1z9gRRgL{position:-webkit-sticky;position:sticky}@media (min-width:768px){._165GB3d9{position:absolute}._35BfHjzS{position:fixed}.ToWL2vUd{position:relative}._3Y7tS7ZB{position:-webkit-sticky;position:sticky}}@media (min-width:992px){._1cIKCESH{position:absolute}._2UnmU33s{position:fixed}.Yvv9o15g{position:relative}._1ulmDxJK{position:-webkit-sticky;position:sticky}}._3metZFs3{display:block}.OtqwlC-g{display:flex}.ScnLRsqQ{display:inline}._3p4d3SOr{display:inline-block}._3Wbf3h8F{display:inline-flex}.vZcMBze5{display:none}@media (min-width:768px){.xnym6zKT{display:block}._3lk6GIUC{display:flex}._2lsDHRFI{display:inline}._3_tat_7q{display:inline-block}._2zp0Ysn_{display:inline-flex}._22HipJxo{display:none}}@media (min-width:992px){.egzVdgM-{display:block}._3O-rsskG{display:flex}._2e2_Bdle{display:inline}._1BndqY98{display:inline-block}._3lKbMoNn{display:inline-flex}._2-eAy5iF{display:none}}._1cIxSJgN{flex-direction:column}._3d82rg2O{flex-direction:row}@media (min-width:768px){._2BCIaaSu{flex-direction:column}._1KZ73hzW{flex-direction:row}}@media (min-width:992px){.AlBpSaFt{flex-direction:column}.szQspntj{flex-direction:row}}._2R_eNJAR{flex-wrap:wrap}._1A8QKWzr{flex-wrap:nowrap}._1BY1l_eA{flex-shrink:0}._2JTESmuO{flex-grow:0}._1IIXp_yM{flex-grow:1}._3Aw6MW6G{align-items:flex-start}._3J7hgDFf{align-items:center}._1PQDcZy6{align-items:flex-end}._3-zKDOwm{align-items:baseline}@media (min-width:768px){._3166iR2s{align-items:flex-start}.QCePjapg{align-items:center}.jjkOQC8r{align-items:flex-end}._14CBNMJQ{align-items:baseline}}@media (min-width:992px){.A0DebJu_{align-items:flex-start}._1isnu434{align-items:center}._3VslwRNK{align-items:flex-end}._1eGXZce8{align-items:baseline}}._2pEU8SQC{justify-content:flex-start}._1mRUNYls{justify-content:center}._3EDR-URW{justify-content:flex-end}._2CGhlRYs{justify-content:space-around}.IXOituOK{justify-content:space-between}.q7djr57-{justify-content:space-evenly}@media (min-width:768px){._2d7kRHd7{justify-content:flex-start}._1UzfR6Vf{justify-content:center}._2ImQNbDg{justify-content:flex-end}._22brJrIl{justify-content:space-around}._16UkMMI6{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}@media (min-width:992px){._3cyvD1f5{justify-content:flex-start}._1HcMvcsu{justify-content:center}._33m1Ctuk{justify-content:flex-end}._22brJrIl{justify-content:space-around}._2bJ7PwH5{justify-content:space-between}._33YoUsFB{justify-content:space-evenly}}._3yk-eKPa{align-self:stretch}._1ZjkNpxw{align-self:flex-start}._3IHRo9uO{align-self:center}.Ps_RqmOx{align-self:flex-end}._2z7F5lbY{align-self:baseline}@media (min-width:768px){._2JvXldeK{align-self:stretch}._30Eoiq77{align-self:flex-start}._99jKyVPN{align-self:center}.IHFAQa4l{align-self:flex-end}._1ALOyuee{align-self:baseline}}@media (min-width:992px){._3hFituy_{align-self:stretch}._14PQwMjz{align-self:flex-start}._2oateXkk{align-self:center}._4_7huy2X{align-self:flex-end}.bumaDElN{align-self:baseline}}._2VHbvrHg{overflow:hidden}.C08q82uW{overflow:auto}._3jPsBi7a{overflow:visible}._36PWUusV{overflow:scroll}._1AR6jtYl{height:100%}.acHew4QS{background-color:var(--reactist-bg-default)}._27wTWuhR{background-color:var(--reactist-bg-aside)}._13n6zG49{background-color:var(--reactist-bg-highlight)}._3xE7o7Lc{background-color:var(--reactist-bg-selected)}._3GzkjXmr{background-color:var(--reactist-bg-toast);color:var(--reactist-content-primary);--reactist-content-primary:var(--reactist-toast-content-primary);--reactist-content-secondary:var(--reactist-toast-content-secondary);--reactist-text-link-idle-tint:var(--reactist-content-primary);--reactist-text-link-idle-decoration:var(--reactist-text-link-hover-decoration);--reactist-actionable-tertiary-idle-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-tint:var(--reactist-toast-actionable-primary-tint);--reactist-actionable-tertiary-hover-fill:var(--reactist-toast-actionable-hover-fill);--reactist-actionable-quaternary-idle-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-tint:var(--reactist-toast-actionable-secondary-tint);--reactist-actionable-quaternary-hover-fill:var(--reactist-toast-actionable-hover-fill)}._1s36b_gH{border-radius:var(--reactist-border-radius-small)}._1SIaqDBP{border-radius:var(--reactist-border-radius-large)}.J1QSF6Gc{border:1px solid var(--reactist-divider-primary)}._3qgvW2LP{border:1px solid var(--reactist-divider-secondary)}.y5I4CF6V{border:1px solid var(--reactist-divider-tertiary)}._1b05yJdg{text-align:start}._1aXT7TD0{text-align:center}._13cF0iGs{text-align:end}._3PjECi2E{text-align:justify}@media (min-width:768px){._1oVFldLY{text-align:start}._2Fgbpt4v{text-align:center}._2q0GE_1b{text-align:end}._1rgQX6nM{text-align:justify}}@media (min-width:992px){._36u9Cs4x{text-align:start}._11701SCV{text-align:center}._3NHXPrmy{text-align:end}._2cn3Fe5z{text-align:justify}}",""]),exports.locals={box:"_34n6lzh1","position-absolute":"_4O18_OS-","position-fixed":"_28SfqXxQ","position-relative":"_25hgucpJ","position-sticky":"_1z9gRRgL","tablet-position-absolute":"_165GB3d9","tablet-position-fixed":"_35BfHjzS","tablet-position-relative":"ToWL2vUd","tablet-position-sticky":"_3Y7tS7ZB","desktop-position-absolute":"_1cIKCESH","desktop-position-fixed":"_2UnmU33s","desktop-position-relative":"Yvv9o15g","desktop-position-sticky":"_1ulmDxJK","display-block":"_3metZFs3","display-flex":"OtqwlC-g","display-inline":"ScnLRsqQ","display-inlineBlock":"_3p4d3SOr","display-inlineFlex":"_3Wbf3h8F","display-none":"vZcMBze5","tablet-display-block":"xnym6zKT","tablet-display-flex":"_3lk6GIUC","tablet-display-inline":"_2lsDHRFI","tablet-display-inlineBlock":"_3_tat_7q","tablet-display-inlineFlex":"_2zp0Ysn_","tablet-display-none":"_22HipJxo","desktop-display-block":"egzVdgM-","desktop-display-flex":"_3O-rsskG","desktop-display-inline":"_2e2_Bdle","desktop-display-inlineBlock":"_1BndqY98","desktop-display-inlineFlex":"_3lKbMoNn","desktop-display-none":"_2-eAy5iF","flexDirection-column":"_1cIxSJgN","flexDirection-row":"_3d82rg2O","tablet-flexDirection-column":"_2BCIaaSu","tablet-flexDirection-row":"_1KZ73hzW","desktop-flexDirection-column":"AlBpSaFt","desktop-flexDirection-row":"szQspntj","flexWrap-wrap":"_2R_eNJAR","flexWrap-nowrap":"_1A8QKWzr","flexShrink-0":"_1BY1l_eA","flexGrow-0":"_2JTESmuO","flexGrow-1":"_1IIXp_yM","alignItems-flexStart":"_3Aw6MW6G","alignItems-center":"_3J7hgDFf","alignItems-flexEnd":"_1PQDcZy6","alignItems-baseline":"_3-zKDOwm","tablet-alignItems-flexStart":"_3166iR2s","tablet-alignItems-center":"QCePjapg","tablet-alignItems-flexEnd":"jjkOQC8r","tablet-alignItems-baseline":"_14CBNMJQ","desktop-alignItems-flexStart":"A0DebJu_","desktop-alignItems-center":"_1isnu434","desktop-alignItems-flexEnd":"_3VslwRNK","desktop-alignItems-baseline":"_1eGXZce8","justifyContent-flexStart":"_2pEU8SQC","justifyContent-center":"_1mRUNYls","justifyContent-flexEnd":"_3EDR-URW","justifyContent-spaceAround":"_2CGhlRYs","justifyContent-spaceBetween":"IXOituOK","justifyContent-spaceEvenly":"q7djr57-","tablet-justifyContent-flexStart":"_2d7kRHd7","tablet-justifyContent-center":"_1UzfR6Vf","tablet-justifyContent-flexEnd":"_2ImQNbDg","tablet-justifyContent-spaceAround":"_22brJrIl","tablet-justifyContent-spaceBetween":"_16UkMMI6","tablet-justifyContent-spaceEvenly":"_33YoUsFB","desktop-justifyContent-flexStart":"_3cyvD1f5","desktop-justifyContent-center":"_1HcMvcsu","desktop-justifyContent-flexEnd":"_33m1Ctuk","desktop-justifyContent-spaceBetween":"_2bJ7PwH5","alignSelf-stretch":"_3yk-eKPa","alignSelf-flexStart":"_1ZjkNpxw","alignSelf-center":"_3IHRo9uO","alignSelf-flexEnd":"Ps_RqmOx","alignSelf-baseline":"_2z7F5lbY","tablet-alignSelf-stretch":"_2JvXldeK","tablet-alignSelf-flexStart":"_30Eoiq77","tablet-alignSelf-center":"_99jKyVPN","tablet-alignSelf-flexEnd":"IHFAQa4l","tablet-alignSelf-baseline":"_1ALOyuee","desktop-alignSelf-stretch":"_3hFituy_","desktop-alignSelf-flexStart":"_14PQwMjz","desktop-alignSelf-center":"_2oateXkk","desktop-alignSelf-flexEnd":"_4_7huy2X","desktop-alignSelf-baseline":"bumaDElN","overflow-hidden":"_2VHbvrHg","overflow-auto":"C08q82uW","overflow-visible":"_3jPsBi7a","overflow-scroll":"_36PWUusV","height-full":"_1AR6jtYl","bg-default":"acHew4QS","bg-aside":"_27wTWuhR","bg-highlight":"_13n6zG49","bg-selected":"_3xE7o7Lc","bg-toast":"_3GzkjXmr","borderRadius-standard":"_1s36b_gH","borderRadius-full":"_1SIaqDBP","border-primary":"J1QSF6Gc","border-secondary":"_3qgvW2LP","border-tertiary":"y5I4CF6V","textAlign-start":"_1b05yJdg","textAlign-center":"_1aXT7TD0","textAlign-end":"_13cF0iGs","textAlign-justify":"_3PjECi2E","tablet-textAlign-start":"_1oVFldLY","tablet-textAlign-center":"_2Fgbpt4v","tablet-textAlign-end":"_2q0GE_1b","tablet-textAlign-justify":"_1rgQX6nM","desktop-textAlign-start":"_36u9Cs4x","desktop-textAlign-center":"_11701SCV","desktop-textAlign-end":"_3NHXPrmy","desktop-textAlign-justify":"_2cn3Fe5z"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/gap.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".VN-sA_FB{gap:0}._2IyvTgM0{gap:var(--reactist-spacing-xsmall)}._1eesNX5E{gap:var(--reactist-spacing-small)}._29ixPoYe{gap:var(--reactist-spacing-medium)}._18QLpGKt{gap:var(--reactist-spacing-large)}._1lByjakr{gap:var(--reactist-spacing-xlarge)}.-u5pneDC{gap:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.f1Mynr9Y{gap:0}.lG8hYSk5{gap:var(--reactist-spacing-xsmall)}._2Cu2BTl6{gap:var(--reactist-spacing-small)}.mNfsMvRM{gap:var(--reactist-spacing-medium)}._1cbes2Nn{gap:var(--reactist-spacing-large)}._2UUIga0O{gap:var(--reactist-spacing-xlarge)}.KzwSYp2y{gap:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._20RrdHsd{gap:0}._2G2BaCyk{gap:var(--reactist-spacing-xsmall)}.wezZhw_u{gap:var(--reactist-spacing-small)}._2uRMD0mr{gap:var(--reactist-spacing-medium)}._3j8cMkZv{gap:var(--reactist-spacing-large)}.-y-3WgO0{gap:var(--reactist-spacing-xlarge)}._3GJ0GwXZ{gap:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"gap-none":"VN-sA_FB","gap-xsmall":"_2IyvTgM0","gap-small":"_1eesNX5E","gap-medium":"_29ixPoYe","gap-large":"_18QLpGKt","gap-xlarge":"_1lByjakr","gap-xxlarge":"-u5pneDC","tablet-gap-none":"f1Mynr9Y","tablet-gap-xsmall":"lG8hYSk5","tablet-gap-small":"_2Cu2BTl6","tablet-gap-medium":"mNfsMvRM","tablet-gap-large":"_1cbes2Nn","tablet-gap-xlarge":"_2UUIga0O","tablet-gap-xxlarge":"KzwSYp2y","desktop-gap-none":"_20RrdHsd","desktop-gap-xsmall":"_2G2BaCyk","desktop-gap-small":"wezZhw_u","desktop-gap-medium":"_2uRMD0mr","desktop-gap-large":"_3j8cMkZv","desktop-gap-xlarge":"-y-3WgO0","desktop-gap-xxlarge":"_3GJ0GwXZ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/margin.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1emsB4WA{margin-top:var(--reactist-spacing-xsmall)}._2J7cMqGi{margin-top:var(--reactist-spacing-small)}._2QAwUG-O{margin-top:var(--reactist-spacing-medium)}._1hUkzmOe{margin-top:var(--reactist-spacing-large)}._2ZXXRI4M{margin-top:var(--reactist-spacing-xlarge)}._1yintsUZ{margin-top:var(--reactist-spacing-xxlarge)}._3zsxWMnb{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2q9YZrNS{margin-top:calc(var(--reactist-spacing-small)*-1)}._3sBRhCNv{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3C4A_Y_V{margin-top:calc(var(--reactist-spacing-large)*-1)}._8dbkmzoK{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2N12DjQM{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._2SMhHarO{margin-top:var(--reactist-spacing-xsmall)}.PH0kl-tf{margin-top:var(--reactist-spacing-small)}._2xGJHEww{margin-top:var(--reactist-spacing-medium)}._25OQPhco{margin-top:var(--reactist-spacing-large)}._2LpM6NKt{margin-top:var(--reactist-spacing-xlarge)}._1VYT0Hhd{margin-top:var(--reactist-spacing-xxlarge)}._3BJOAGsR{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2TUqzeu9{margin-top:calc(var(--reactist-spacing-small)*-1)}.CLVxeaNg{margin-top:calc(var(--reactist-spacing-medium)*-1)}.ypwaemIi{margin-top:calc(var(--reactist-spacing-large)*-1)}._3WY141hT{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._10GeI19F{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._27ekuIwn{margin-top:var(--reactist-spacing-xsmall)}.QxkeMaKy{margin-top:var(--reactist-spacing-small)}.A-Ngfa5i{margin-top:var(--reactist-spacing-medium)}._2PrihO-N{margin-top:var(--reactist-spacing-large)}._3_L5gFS1{margin-top:var(--reactist-spacing-xlarge)}._1r9jrEFS{margin-top:var(--reactist-spacing-xxlarge)}._3af0kbj9{margin-top:calc(var(--reactist-spacing-xsmall)*-1)}._2rLAwkGr{margin-top:calc(var(--reactist-spacing-small)*-1)}._1jufhOhq{margin-top:calc(var(--reactist-spacing-medium)*-1)}._3lAIaRrd{margin-top:calc(var(--reactist-spacing-large)*-1)}._11CckePq{margin-top:calc(var(--reactist-spacing-xlarge)*-1)}._2uXfuEtS{margin-top:calc(var(--reactist-spacing-xxlarge)*-1)}}._3VQzbmJX{margin-right:var(--reactist-spacing-xsmall)}._1dEi1DUY{margin-right:var(--reactist-spacing-small)}.A8rysjmE{margin-right:var(--reactist-spacing-medium)}.PWggVFhM{margin-right:var(--reactist-spacing-large)}._1InVWXaT{margin-right:var(--reactist-spacing-xlarge)}._2JSwW6g-{margin-right:var(--reactist-spacing-xxlarge)}._1K7nRAEh{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1Y-H6mP7{margin-right:calc(var(--reactist-spacing-small)*-1)}._1IqT2P8g{margin-right:calc(var(--reactist-spacing-medium)*-1)}._3Mt6km7k{margin-right:calc(var(--reactist-spacing-large)*-1)}._1SN6-mED{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._23GoFgk4{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._34PM8pB_{margin-right:var(--reactist-spacing-xsmall)}._1sTvqvCb{margin-right:var(--reactist-spacing-small)}._2RvVjYtx{margin-right:var(--reactist-spacing-medium)}._2-c_epN3{margin-right:var(--reactist-spacing-large)}._3ypF-Qjv{margin-right:var(--reactist-spacing-xlarge)}._27REH0q6{margin-right:var(--reactist-spacing-xxlarge)}._2N5eUvTy{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._1B5oq0ln{margin-right:calc(var(--reactist-spacing-small)*-1)}._3YZnbcAW{margin-right:calc(var(--reactist-spacing-medium)*-1)}._2RTKDWwe{margin-right:calc(var(--reactist-spacing-large)*-1)}._12KGHCEB{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}._-7PB7-Lt{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){._1ubQsi9M{margin-right:var(--reactist-spacing-xsmall)}._2oez860k{margin-right:var(--reactist-spacing-small)}._5cCgRUvJ{margin-right:var(--reactist-spacing-medium)}._1J6e__aO{margin-right:var(--reactist-spacing-large)}._3RPQf1zx{margin-right:var(--reactist-spacing-xlarge)}._1Uwkw65a{margin-right:var(--reactist-spacing-xxlarge)}._1F0a8xFJ{margin-right:calc(var(--reactist-spacing-xsmall)*-1)}._2zeiR8w2{margin-right:calc(var(--reactist-spacing-small)*-1)}._24stxPZ3{margin-right:calc(var(--reactist-spacing-medium)*-1)}._1TTACvpQ{margin-right:calc(var(--reactist-spacing-large)*-1)}._3SO5f5X2{margin-right:calc(var(--reactist-spacing-xlarge)*-1)}.kr_SmhIK{margin-right:calc(var(--reactist-spacing-xxlarge)*-1)}}.mokrM-4L{margin-bottom:var(--reactist-spacing-xsmall)}._2Fz1ihpU{margin-bottom:var(--reactist-spacing-small)}._1zYqs84J{margin-bottom:var(--reactist-spacing-medium)}._30l-EL_7{margin-bottom:var(--reactist-spacing-large)}._3JUkH4iL{margin-bottom:var(--reactist-spacing-xlarge)}._3o8DfvCm{margin-bottom:var(--reactist-spacing-xxlarge)}._19LwIdQZ{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1wkZa7Nv{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._15ux_WIM{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._1xeBZ5uY{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._3M7dGsBb{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3xM_DHx3{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){.aQZNSnYH{margin-bottom:var(--reactist-spacing-xsmall)}.CaQZlGcF{margin-bottom:var(--reactist-spacing-small)}._1TvSVpiQ{margin-bottom:var(--reactist-spacing-medium)}._2FU8clks{margin-bottom:var(--reactist-spacing-large)}._1Lll8NE5{margin-bottom:var(--reactist-spacing-xlarge)}._219LYTO6{margin-bottom:var(--reactist-spacing-xxlarge)}._74Pnksea{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}.uog2aCjN{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3CRKF1bT{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}._2UcDJ3zL{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2CQf_8Ja{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._1Fn_mX7r{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.cMZteGSP{margin-bottom:var(--reactist-spacing-xsmall)}._302YRk_s{margin-bottom:var(--reactist-spacing-small)}.a5SLhA8h{margin-bottom:var(--reactist-spacing-medium)}._1jJYFMpE{margin-bottom:var(--reactist-spacing-large)}._2VH0jzpO{margin-bottom:var(--reactist-spacing-xlarge)}._34W1FCkE{margin-bottom:var(--reactist-spacing-xxlarge)}._3TO6-rpf{margin-bottom:calc(var(--reactist-spacing-xsmall)*-1)}._1njTBEO5{margin-bottom:calc(var(--reactist-spacing-small)*-1)}._3O8NQb9I{margin-bottom:calc(var(--reactist-spacing-medium)*-1)}.tPTZYgH3{margin-bottom:calc(var(--reactist-spacing-large)*-1)}._2yeb-Y-8{margin-bottom:calc(var(--reactist-spacing-xlarge)*-1)}._3jKh5ffF{margin-bottom:calc(var(--reactist-spacing-xxlarge)*-1)}}._3D5GWbXE{margin-left:var(--reactist-spacing-xsmall)}._3iypvYrg{margin-left:var(--reactist-spacing-small)}._1YlqwPym{margin-left:var(--reactist-spacing-medium)}._22o1sovn{margin-left:var(--reactist-spacing-large)}._1MLXh3lW{margin-left:var(--reactist-spacing-xlarge)}._2lwkfQiH{margin-left:var(--reactist-spacing-xxlarge)}._14YCoxft{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}.ewcnIPqd{margin-left:calc(var(--reactist-spacing-small)*-1)}._2g1OVDe8{margin-left:calc(var(--reactist-spacing-medium)*-1)}._2ddA4m0W{margin-left:calc(var(--reactist-spacing-large)*-1)}._1GZwUWJN{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._31-qNiMv{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}@media (min-width:768px){._3BKnNzUJ{margin-left:var(--reactist-spacing-xsmall)}._38oD_Jwb{margin-left:var(--reactist-spacing-small)}._16zyVxt4{margin-left:var(--reactist-spacing-medium)}._3gFPvRUF{margin-left:var(--reactist-spacing-large)}._2e_oL8V0{margin-left:var(--reactist-spacing-xlarge)}.Y5R1Zk3t{margin-left:var(--reactist-spacing-xxlarge)}._2Z7o0xJV{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2IAsx91P{margin-left:calc(var(--reactist-spacing-small)*-1)}._1prIBzP1{margin-left:calc(var(--reactist-spacing-medium)*-1)}.yBuaqMBN{margin-left:calc(var(--reactist-spacing-large)*-1)}._2gj-03xG{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}._1tpj1o6k{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}@media (min-width:992px){.Qr1HV5zM{margin-left:var(--reactist-spacing-xsmall)}.WJax_2dc{margin-left:var(--reactist-spacing-small)}._281azCe0{margin-left:var(--reactist-spacing-medium)}._2kTX0YwB{margin-left:var(--reactist-spacing-large)}.EQX8jGWW{margin-left:var(--reactist-spacing-xlarge)}._94dEeX2M{margin-left:var(--reactist-spacing-xxlarge)}._3Ps_CZcp{margin-left:calc(var(--reactist-spacing-xsmall)*-1)}._2h2uHZkI{margin-left:calc(var(--reactist-spacing-small)*-1)}.ccCTloTg{margin-left:calc(var(--reactist-spacing-medium)*-1)}._16UyxR0i{margin-left:calc(var(--reactist-spacing-large)*-1)}._1ONy15Is{margin-left:calc(var(--reactist-spacing-xlarge)*-1)}.OfjFZfgK{margin-left:calc(var(--reactist-spacing-xxlarge)*-1)}}",""]),exports.locals={"marginTop-xsmall":"_1emsB4WA","marginTop-small":"_2J7cMqGi","marginTop-medium":"_2QAwUG-O","marginTop-large":"_1hUkzmOe","marginTop-xlarge":"_2ZXXRI4M","marginTop-xxlarge":"_1yintsUZ","marginTop--xsmall":"_3zsxWMnb","marginTop--small":"_2q9YZrNS","marginTop--medium":"_3sBRhCNv","marginTop--large":"_3C4A_Y_V","marginTop--xlarge":"_8dbkmzoK","marginTop--xxlarge":"_2N12DjQM","tablet-marginTop-xsmall":"_2SMhHarO","tablet-marginTop-small":"PH0kl-tf","tablet-marginTop-medium":"_2xGJHEww","tablet-marginTop-large":"_25OQPhco","tablet-marginTop-xlarge":"_2LpM6NKt","tablet-marginTop-xxlarge":"_1VYT0Hhd","tablet-marginTop--xsmall":"_3BJOAGsR","tablet-marginTop--small":"_2TUqzeu9","tablet-marginTop--medium":"CLVxeaNg","tablet-marginTop--large":"ypwaemIi","tablet-marginTop--xlarge":"_3WY141hT","tablet-marginTop--xxlarge":"_10GeI19F","desktop-marginTop-xsmall":"_27ekuIwn","desktop-marginTop-small":"QxkeMaKy","desktop-marginTop-medium":"A-Ngfa5i","desktop-marginTop-large":"_2PrihO-N","desktop-marginTop-xlarge":"_3_L5gFS1","desktop-marginTop-xxlarge":"_1r9jrEFS","desktop-marginTop--xsmall":"_3af0kbj9","desktop-marginTop--small":"_2rLAwkGr","desktop-marginTop--medium":"_1jufhOhq","desktop-marginTop--large":"_3lAIaRrd","desktop-marginTop--xlarge":"_11CckePq","desktop-marginTop--xxlarge":"_2uXfuEtS","marginRight-xsmall":"_3VQzbmJX","marginRight-small":"_1dEi1DUY","marginRight-medium":"A8rysjmE","marginRight-large":"PWggVFhM","marginRight-xlarge":"_1InVWXaT","marginRight-xxlarge":"_2JSwW6g-","marginRight--xsmall":"_1K7nRAEh","marginRight--small":"_1Y-H6mP7","marginRight--medium":"_1IqT2P8g","marginRight--large":"_3Mt6km7k","marginRight--xlarge":"_1SN6-mED","marginRight--xxlarge":"_23GoFgk4","tablet-marginRight-xsmall":"_34PM8pB_","tablet-marginRight-small":"_1sTvqvCb","tablet-marginRight-medium":"_2RvVjYtx","tablet-marginRight-large":"_2-c_epN3","tablet-marginRight-xlarge":"_3ypF-Qjv","tablet-marginRight-xxlarge":"_27REH0q6","tablet-marginRight--xsmall":"_2N5eUvTy","tablet-marginRight--small":"_1B5oq0ln","tablet-marginRight--medium":"_3YZnbcAW","tablet-marginRight--large":"_2RTKDWwe","tablet-marginRight--xlarge":"_12KGHCEB","tablet-marginRight--xxlarge":"_-7PB7-Lt","desktop-marginRight-xsmall":"_1ubQsi9M","desktop-marginRight-small":"_2oez860k","desktop-marginRight-medium":"_5cCgRUvJ","desktop-marginRight-large":"_1J6e__aO","desktop-marginRight-xlarge":"_3RPQf1zx","desktop-marginRight-xxlarge":"_1Uwkw65a","desktop-marginRight--xsmall":"_1F0a8xFJ","desktop-marginRight--small":"_2zeiR8w2","desktop-marginRight--medium":"_24stxPZ3","desktop-marginRight--large":"_1TTACvpQ","desktop-marginRight--xlarge":"_3SO5f5X2","desktop-marginRight--xxlarge":"kr_SmhIK","marginBottom-xsmall":"mokrM-4L","marginBottom-small":"_2Fz1ihpU","marginBottom-medium":"_1zYqs84J","marginBottom-large":"_30l-EL_7","marginBottom-xlarge":"_3JUkH4iL","marginBottom-xxlarge":"_3o8DfvCm","marginBottom--xsmall":"_19LwIdQZ","marginBottom--small":"_1wkZa7Nv","marginBottom--medium":"_15ux_WIM","marginBottom--large":"_1xeBZ5uY","marginBottom--xlarge":"_3M7dGsBb","marginBottom--xxlarge":"_3xM_DHx3","tablet-marginBottom-xsmall":"aQZNSnYH","tablet-marginBottom-small":"CaQZlGcF","tablet-marginBottom-medium":"_1TvSVpiQ","tablet-marginBottom-large":"_2FU8clks","tablet-marginBottom-xlarge":"_1Lll8NE5","tablet-marginBottom-xxlarge":"_219LYTO6","tablet-marginBottom--xsmall":"_74Pnksea","tablet-marginBottom--small":"uog2aCjN","tablet-marginBottom--medium":"_3CRKF1bT","tablet-marginBottom--large":"_2UcDJ3zL","tablet-marginBottom--xlarge":"_2CQf_8Ja","tablet-marginBottom--xxlarge":"_1Fn_mX7r","desktop-marginBottom-xsmall":"cMZteGSP","desktop-marginBottom-small":"_302YRk_s","desktop-marginBottom-medium":"a5SLhA8h","desktop-marginBottom-large":"_1jJYFMpE","desktop-marginBottom-xlarge":"_2VH0jzpO","desktop-marginBottom-xxlarge":"_34W1FCkE","desktop-marginBottom--xsmall":"_3TO6-rpf","desktop-marginBottom--small":"_1njTBEO5","desktop-marginBottom--medium":"_3O8NQb9I","desktop-marginBottom--large":"tPTZYgH3","desktop-marginBottom--xlarge":"_2yeb-Y-8","desktop-marginBottom--xxlarge":"_3jKh5ffF","marginLeft-xsmall":"_3D5GWbXE","marginLeft-small":"_3iypvYrg","marginLeft-medium":"_1YlqwPym","marginLeft-large":"_22o1sovn","marginLeft-xlarge":"_1MLXh3lW","marginLeft-xxlarge":"_2lwkfQiH","marginLeft--xsmall":"_14YCoxft","marginLeft--small":"ewcnIPqd","marginLeft--medium":"_2g1OVDe8","marginLeft--large":"_2ddA4m0W","marginLeft--xlarge":"_1GZwUWJN","marginLeft--xxlarge":"_31-qNiMv","tablet-marginLeft-xsmall":"_3BKnNzUJ","tablet-marginLeft-small":"_38oD_Jwb","tablet-marginLeft-medium":"_16zyVxt4","tablet-marginLeft-large":"_3gFPvRUF","tablet-marginLeft-xlarge":"_2e_oL8V0","tablet-marginLeft-xxlarge":"Y5R1Zk3t","tablet-marginLeft--xsmall":"_2Z7o0xJV","tablet-marginLeft--small":"_2IAsx91P","tablet-marginLeft--medium":"_1prIBzP1","tablet-marginLeft--large":"yBuaqMBN","tablet-marginLeft--xlarge":"_2gj-03xG","tablet-marginLeft--xxlarge":"_1tpj1o6k","desktop-marginLeft-xsmall":"Qr1HV5zM","desktop-marginLeft-small":"WJax_2dc","desktop-marginLeft-medium":"_281azCe0","desktop-marginLeft-large":"_2kTX0YwB","desktop-marginLeft-xlarge":"EQX8jGWW","desktop-marginLeft-xxlarge":"_94dEeX2M","desktop-marginLeft--xsmall":"_3Ps_CZcp","desktop-marginLeft--small":"_2h2uHZkI","desktop-marginLeft--medium":"ccCTloTg","desktop-marginLeft--large":"_16UyxR0i","desktop-marginLeft--xlarge":"_1ONy15Is","desktop-marginLeft--xxlarge":"OfjFZfgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/padding.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37PoF4Jf{padding-top:var(--reactist-spacing-xsmall)}._3cS38W36{padding-top:var(--reactist-spacing-small)}._2gIxtZlm{padding-top:var(--reactist-spacing-medium)}._3gGn2Ofz{padding-top:var(--reactist-spacing-large)}._2WG6QMMn{padding-top:var(--reactist-spacing-xlarge)}.hxJ6w3B8{padding-top:var(--reactist-spacing-xxlarge)}@media (min-width:768px){.XZwT2WMR{padding-top:var(--reactist-spacing-xsmall)}._3FhVEENA{padding-top:var(--reactist-spacing-small)}.ijls2XcC{padding-top:var(--reactist-spacing-medium)}._3lJzwpfO{padding-top:var(--reactist-spacing-large)}.qfLFeSh6{padding-top:var(--reactist-spacing-xlarge)}._2oughCEx{padding-top:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._2EMgDg14{padding-top:var(--reactist-spacing-xsmall)}._3NCndykL{padding-top:var(--reactist-spacing-small)}._2A7cPy_6{padding-top:var(--reactist-spacing-medium)}._3N-vMEjD{padding-top:var(--reactist-spacing-large)}._1eYpDcLP{padding-top:var(--reactist-spacing-xlarge)}._3PQ5mnms{padding-top:var(--reactist-spacing-xxlarge)}}._2V7PNCmm{padding-right:var(--reactist-spacing-xsmall)}._3AE3p2-n{padding-right:var(--reactist-spacing-small)}._2FVEUD8O{padding-right:var(--reactist-spacing-medium)}.UHB6w90T{padding-right:var(--reactist-spacing-large)}._3v6Sez5u{padding-right:var(--reactist-spacing-xlarge)}._268fG3vy{padding-right:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._3m_CxKdn{padding-right:var(--reactist-spacing-xsmall)}._2qWZZU_u{padding-right:var(--reactist-spacing-small)}.flWTp8Mh{padding-right:var(--reactist-spacing-medium)}._2ZynUo6x{padding-right:var(--reactist-spacing-large)}._3qSWbPfK{padding-right:var(--reactist-spacing-xlarge)}._2MYsGWU9{padding-right:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3nVE2PpR{padding-right:var(--reactist-spacing-xsmall)}._3XJ7yA45{padding-right:var(--reactist-spacing-small)}._2947_gJc{padding-right:var(--reactist-spacing-medium)}._3G7IvIGI{padding-right:var(--reactist-spacing-large)}._249gwEjJ{padding-right:var(--reactist-spacing-xlarge)}._36yKlFub{padding-right:var(--reactist-spacing-xxlarge)}}._1ditaqCq{padding-bottom:var(--reactist-spacing-xsmall)}.MRCRaOWe{padding-bottom:var(--reactist-spacing-small)}.KoY7Oin6{padding-bottom:var(--reactist-spacing-medium)}._3t9twW2c{padding-bottom:var(--reactist-spacing-large)}._3es4Yt5f{padding-bottom:var(--reactist-spacing-xlarge)}.vMCqilRw{padding-bottom:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1UW42Raj{padding-bottom:var(--reactist-spacing-xsmall)}._2vl2ugBk{padding-bottom:var(--reactist-spacing-small)}._1wpQcEzg{padding-bottom:var(--reactist-spacing-medium)}._2mERt9xt{padding-bottom:var(--reactist-spacing-large)}.a5ZaVHzr{padding-bottom:var(--reactist-spacing-xlarge)}._1O57Fgar{padding-bottom:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._3JaG2S5t{padding-bottom:var(--reactist-spacing-xsmall)}._2TPsqVHm{padding-bottom:var(--reactist-spacing-small)}._22oRlhAY{padding-bottom:var(--reactist-spacing-medium)}._1XD7TfYf{padding-bottom:var(--reactist-spacing-large)}.kFUXoQRu{padding-bottom:var(--reactist-spacing-xlarge)}._3L6o6csz{padding-bottom:var(--reactist-spacing-xxlarge)}}._3SMipyD1{padding-left:var(--reactist-spacing-xsmall)}._3LB8K5Zf{padding-left:var(--reactist-spacing-small)}._3pxFvBZs{padding-left:var(--reactist-spacing-medium)}._1ThFwWOW{padding-left:var(--reactist-spacing-large)}._1kWqxncf{padding-left:var(--reactist-spacing-xlarge)}._1S4UZubw{padding-left:var(--reactist-spacing-xxlarge)}@media (min-width:768px){._1yZiGh_h{padding-left:var(--reactist-spacing-xsmall)}.WkSpvbEE{padding-left:var(--reactist-spacing-small)}._2a_l_BX9{padding-left:var(--reactist-spacing-medium)}.V0zP7kjo{padding-left:var(--reactist-spacing-large)}._1fqXx4Qm{padding-left:var(--reactist-spacing-xlarge)}._2roIYNws{padding-left:var(--reactist-spacing-xxlarge)}}@media (min-width:992px){._1Ph0zT71{padding-left:var(--reactist-spacing-xsmall)}._3zkUen6M{padding-left:var(--reactist-spacing-small)}.rbF2_zNe{padding-left:var(--reactist-spacing-medium)}._2u6oBYeY{padding-left:var(--reactist-spacing-large)}.Mm78E9Om{padding-left:var(--reactist-spacing-xlarge)}._1dQOZcsI{padding-left:var(--reactist-spacing-xxlarge)}}",""]),exports.locals={"paddingTop-xsmall":"_37PoF4Jf","paddingTop-small":"_3cS38W36","paddingTop-medium":"_2gIxtZlm","paddingTop-large":"_3gGn2Ofz","paddingTop-xlarge":"_2WG6QMMn","paddingTop-xxlarge":"hxJ6w3B8","tablet-paddingTop-xsmall":"XZwT2WMR","tablet-paddingTop-small":"_3FhVEENA","tablet-paddingTop-medium":"ijls2XcC","tablet-paddingTop-large":"_3lJzwpfO","tablet-paddingTop-xlarge":"qfLFeSh6","tablet-paddingTop-xxlarge":"_2oughCEx","desktop-paddingTop-xsmall":"_2EMgDg14","desktop-paddingTop-small":"_3NCndykL","desktop-paddingTop-medium":"_2A7cPy_6","desktop-paddingTop-large":"_3N-vMEjD","desktop-paddingTop-xlarge":"_1eYpDcLP","desktop-paddingTop-xxlarge":"_3PQ5mnms","paddingRight-xsmall":"_2V7PNCmm","paddingRight-small":"_3AE3p2-n","paddingRight-medium":"_2FVEUD8O","paddingRight-large":"UHB6w90T","paddingRight-xlarge":"_3v6Sez5u","paddingRight-xxlarge":"_268fG3vy","tablet-paddingRight-xsmall":"_3m_CxKdn","tablet-paddingRight-small":"_2qWZZU_u","tablet-paddingRight-medium":"flWTp8Mh","tablet-paddingRight-large":"_2ZynUo6x","tablet-paddingRight-xlarge":"_3qSWbPfK","tablet-paddingRight-xxlarge":"_2MYsGWU9","desktop-paddingRight-xsmall":"_3nVE2PpR","desktop-paddingRight-small":"_3XJ7yA45","desktop-paddingRight-medium":"_2947_gJc","desktop-paddingRight-large":"_3G7IvIGI","desktop-paddingRight-xlarge":"_249gwEjJ","desktop-paddingRight-xxlarge":"_36yKlFub","paddingBottom-xsmall":"_1ditaqCq","paddingBottom-small":"MRCRaOWe","paddingBottom-medium":"KoY7Oin6","paddingBottom-large":"_3t9twW2c","paddingBottom-xlarge":"_3es4Yt5f","paddingBottom-xxlarge":"vMCqilRw","tablet-paddingBottom-xsmall":"_1UW42Raj","tablet-paddingBottom-small":"_2vl2ugBk","tablet-paddingBottom-medium":"_1wpQcEzg","tablet-paddingBottom-large":"_2mERt9xt","tablet-paddingBottom-xlarge":"a5ZaVHzr","tablet-paddingBottom-xxlarge":"_1O57Fgar","desktop-paddingBottom-xsmall":"_3JaG2S5t","desktop-paddingBottom-small":"_2TPsqVHm","desktop-paddingBottom-medium":"_22oRlhAY","desktop-paddingBottom-large":"_1XD7TfYf","desktop-paddingBottom-xlarge":"kFUXoQRu","desktop-paddingBottom-xxlarge":"_3L6o6csz","paddingLeft-xsmall":"_3SMipyD1","paddingLeft-small":"_3LB8K5Zf","paddingLeft-medium":"_3pxFvBZs","paddingLeft-large":"_1ThFwWOW","paddingLeft-xlarge":"_1kWqxncf","paddingLeft-xxlarge":"_1S4UZubw","tablet-paddingLeft-xsmall":"_1yZiGh_h","tablet-paddingLeft-small":"WkSpvbEE","tablet-paddingLeft-medium":"_2a_l_BX9","tablet-paddingLeft-large":"V0zP7kjo","tablet-paddingLeft-xlarge":"_1fqXx4Qm","tablet-paddingLeft-xxlarge":"_2roIYNws","desktop-paddingLeft-xsmall":"_1Ph0zT71","desktop-paddingLeft-small":"_3zkUen6M","desktop-paddingLeft-medium":"rbF2_zNe","desktop-paddingLeft-large":"_2u6oBYeY","desktop-paddingLeft-xlarge":"Mm78E9Om","desktop-paddingLeft-xxlarge":"_1dQOZcsI"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/box/width.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2uNhpev1{min-width:0}._3VPoaJ6e{min-width:var(--reactist-width-xsmall)}._1agaZ7XA{min-width:var(--reactist-width-small)}._3Qo827mU{min-width:var(--reactist-width-medium)}._23rcEaX8{min-width:var(--reactist-width-large)}._2l7lKUTM{min-width:var(--reactist-width-xlarge)}._2S8tDRyj{max-width:var(--reactist-width-xsmall)}._12G5Epf-{max-width:var(--reactist-width-small)}._2q3lFf2_{max-width:var(--reactist-width-medium)}._1CgbhkVl{max-width:var(--reactist-width-large)}.iCJGAn6D{max-width:var(--reactist-width-xlarge)}._2I-ZBtHk{max-width:100%}._17Vvw8Hv{width:0}.tvCU_iu0{width:100%}._1sUftiQa{width:auto}._1AgGKmMy{width:-moz-max-content;width:-webkit-max-content;width:max-content}._3Xh7-Sia{width:-moz-min-content;width:-webkit-min-content;width:min-content}._2y8Wo83a{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}._3tEA5zh0{width:var(--reactist-width-xsmall)}._1ZIeg_Dp{width:var(--reactist-width-small)}._3kPtMaz1{width:var(--reactist-width-medium)}.liWbjGDK{width:var(--reactist-width-large)}.bs0pZgYQ{width:var(--reactist-width-xlarge)}",""]),exports.locals={"minWidth-0":"_2uNhpev1","minWidth-xsmall":"_3VPoaJ6e","minWidth-small":"_1agaZ7XA","minWidth-medium":"_3Qo827mU","minWidth-large":"_23rcEaX8","minWidth-xlarge":"_2l7lKUTM","maxWidth-xsmall":"_2S8tDRyj","maxWidth-small":"_12G5Epf-","maxWidth-medium":"_2q3lFf2_","maxWidth-large":"_1CgbhkVl","maxWidth-xlarge":"iCJGAn6D","maxWidth-full":"_2I-ZBtHk","width-0":"_17Vvw8Hv","width-full":"tvCU_iu0","width-auto":"_1sUftiQa","width-maxContent":"_1AgGKmMy","width-minContent":"_3Xh7-Sia","width-fitContent":"_2y8Wo83a","width-xsmall":"_3tEA5zh0","width-small":"_1ZIeg_Dp","width-medium":"_3kPtMaz1","width-large":"liWbjGDK","width-xlarge":"bs0pZgYQ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/checkbox-field/checkbox-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1bQVLu_c{position:relative}._1bQVLu_c,._1bQVLu_c *{cursor:pointer;font-family:var(--reactist-font-family)}._1bQVLu_c.SK3Nm9ZP,._1bQVLu_c.SK3Nm9ZP *{cursor:not-allowed}._1bQVLu_c.SK3Nm9ZP{opacity:.5}._1bQVLu_c svg{color:var(--reactist-content-secondary);border-radius:5px;min-width:24px}._1bQVLu_c._2Lq39YAM svg{color:var(--reactist-switch-checked)}._1bQVLu_c input[type=checkbox]{display:block;height:16px;left:0;margin:4px;opacity:0;position:absolute;top:0;width:16px}._1bQVLu_c._1uHsDmcZ svg{border:2px solid var(--reactist-actionable-primary-idle-fill)}._3U8QWOwn{margin-left:12px}.DEqY6Npr{margin-left:6px}",""]),exports.locals={container:"_1bQVLu_c",disabled:"SK3Nm9ZP",checked:"_2Lq39YAM",keyFocused:"_1uHsDmcZ",icon:"_3U8QWOwn",label:"DEqY6Npr"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/columns/columns.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".m-Rla9US,.m-Rla9US>:last-child{--reactist-columns-gap:0px}._26ewtr7y{--reactist-columns-gap:var(--reactist-spacing-xsmall)}._3mR3ETJ8{--reactist-columns-gap:var(--reactist-spacing-small)}.UbkoYbBR{--reactist-columns-gap:var(--reactist-spacing-medium)}.RT6so-3J{--reactist-columns-gap:var(--reactist-spacing-large)}._1D0Lrok9{--reactist-columns-gap:var(--reactist-spacing-xlarge)}._2zhC7d6l{--reactist-columns-gap:var(--reactist-spacing-xxlarge)}._27YgYJcN{flex-basis:content}.bfhlTd94{flex-basis:auto}._1CFc-5RN{flex-basis:calc(50% - var(--reactist-columns-gap))}._3xfjmaWI{flex-basis:calc(33.33333% - var(--reactist-columns-gap))}._2VQkmkcm{flex-basis:calc(66.66667% - var(--reactist-columns-gap))}._1FULVP2z{flex-basis:calc(25% - var(--reactist-columns-gap))}._3cdnxheZ{flex-basis:calc(75% - var(--reactist-columns-gap))}._3jkZjr5Y{flex-basis:calc(20% - var(--reactist-columns-gap))}._25dhGRvr{flex-basis:calc(40% - var(--reactist-columns-gap))}._2lN2kQ8T{flex-basis:calc(60% - var(--reactist-columns-gap))}._365V5wtc{flex-basis:calc(80% - var(--reactist-columns-gap))}",""]),exports.locals={container:"m-Rla9US","container-xsmall":"_26ewtr7y","container-small":"_3mR3ETJ8","container-medium":"UbkoYbBR","container-large":"RT6so-3J","container-xlarge":"_1D0Lrok9","container-xxlarge":"_2zhC7d6l","columnWidth-content":"_27YgYJcN","columnWidth-auto":"bfhlTd94","columnWidth-1-2":"_1CFc-5RN","columnWidth-1-3":"_3xfjmaWI","columnWidth-2-3":"_2VQkmkcm","columnWidth-1-4":"_1FULVP2z","columnWidth-3-4":"_3cdnxheZ","columnWidth-1-5":"_3jkZjr5Y","columnWidth-2-5":"_25dhGRvr","columnWidth-3-5":"_2lN2kQ8T","columnWidth-4-5":"_365V5wtc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/divider/divider.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".T0tZln5g{border-bottom:1px solid var(--reactist-divider-primary)}._3Fgf_X1n{border-bottom:1px solid var(--reactist-divider-secondary)}.H_FDUO8O{border-bottom:1px solid var(--reactist-divider-tertiary)}",""]),exports.locals={"weight-primary":"T0tZln5g","weight-secondary":"_3Fgf_X1n","weight-tertiary":"H_FDUO8O"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/heading/heading.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,".eMdJaLwo{color:var(--reactist-content-primary);font-weight:var(--reactist-font-weight-strong);font-family:var(--reactist-font-family)}._3iAwnzzO{font-weight:var(--reactist-font-weight-regular)}._3p8-J0VZ{color:var(--reactist-content-secondary)}._1Qasvyzb{color:#d1453b}h1.eMdJaLwo{font-size:var(--reactist-font-size-header)}h1._1-yjZY8K{font-size:var(--reactist-font-size-header-xlarge)}h1._3M5sPjXF{font-size:var(--reactist-font-size-header-large)}h1._1_j4Pm2D,h2.eMdJaLwo{font-size:var(--reactist-font-size-subtitle)}h2._1-yjZY8K{font-size:var(--reactist-font-size-header-large)}h2._3M5sPjXF{font-size:var(--reactist-font-size-header)}h2._1_j4Pm2D,h3.eMdJaLwo{font-size:var(--reactist-font-size-body)}h3._1-yjZY8K{font-size:var(--reactist-font-size-header)}h3._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}h3._1_j4Pm2D{font-size:var(--reactist-font-size-caption)}h4.eMdJaLwo,h5.eMdJaLwo,h6.eMdJaLwo{font-size:var(--reactist-font-size-body)}h4._1-yjZY8K,h5._1-yjZY8K,h6._1-yjZY8K{font-size:var(--reactist-font-size-header)}h4._3M5sPjXF,h5._3M5sPjXF,h6._3M5sPjXF{font-size:var(--reactist-font-size-subtitle)}._28Sfhy8I{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._149X6QFq{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._1X6Jet_0{-webkit-line-clamp:2}._3ookEub1{-webkit-line-clamp:3}._1g7N--rg{-webkit-line-clamp:4}._2DWHSJd3{-webkit-line-clamp:5}",""]),exports.locals={heading:"eMdJaLwo","weight-light":"_3iAwnzzO","tone-secondary":"_3p8-J0VZ","tone-danger":"_1Qasvyzb","size-largest":"_1-yjZY8K","size-larger":"_3M5sPjXF","size-smaller":"_1_j4Pm2D",lineClampMultipleLines:"_28Sfhy8I","lineClamp-1":"_149X6QFq","lineClamp-2":"_1X6Jet_0","lineClamp-3":"_3ookEub1","lineClamp-4":"_1g7N--rg","lineClamp-5":"_2DWHSJd3"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden-visually/hidden-visually.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1XTE1OGJ{width:1px;height:1px;clip:rect(1px,1px,1px,1px);white-space:nowrap}",""]),exports.locals={hiddenVisually:"_1XTE1OGJ"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/hidden/hidden.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@media print{._2msVAKLp{display:none}}",""]),exports.locals={hiddenOnPrint:"_2msVAKLp"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/modal/modal.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"@-webkit-keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}@keyframes _3_2BoC0I{0%{opacity:0}to{opacity:1}}:root{--reactist-modal-overlay-fill:rgba(0,0,0,0.5);--reactist-modal-padding-top:13vh}._2y1T9V4y{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--reactist-modal-overlay-fill);-webkit-animation:_3_2BoC0I .2s;animation:_3_2BoC0I .2s;-webkit-animation-timing-function:cubic-bezier(.4,0,.2,1);animation-timing-function:cubic-bezier(.4,0,.2,1);transition:background-color .5s;display:flex;align-items:center;justify-content:center;z-index:var(--reactist-stacking-order-modal)}._2y1T9V4y>[data-focus-lock-disabled]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;padding:var(--reactist-spacing-xxlarge)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled]{padding-top:var(--reactist-modal-padding-top)}._2y1T9V4y._3gDFCLsU>[data-focus-lock-disabled] ._2QAYwYGD{max-height:calc(100vh - 2*var(--reactist-modal-padding-top))}._2QAYwYGD{box-shadow:0 2px 8px 0 rgba(0,0,0,.16);transition:width .2s ease-in-out,box-shadow .5s;max-width:100%}._16TShsZZ ._2QAYwYGD{width:100%}._1lNetpKv ._2QAYwYGD{width:768px}._32ghOLYY ._2QAYwYGD{width:580px}._3uPo4tJd ._2QAYwYGD{width:450px}@media (min-width:992px){._18mEE75w ._2QAYwYGD{width:960px}}@media (min-width:1200px){._18mEE75w ._2QAYwYGD{width:1060px}}@media (max-width:1000px){._18mEE75w ._2QAYwYGD{width:768px}}@media (max-width:580px){._2y1T9V4y:not(._3uPo4tJd) ._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd)>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8:not(._3uPo4tJd) ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (max-width:400px){._2QAYwYGD{width:100%!important;max-height:none}._2y1T9V4y._1TiMGzh8>[data-focus-lock-disabled]{padding-left:0;padding-right:0;padding-bottom:0}._2y1T9V4y._1TiMGzh8 ._2QAYwYGD{border-bottom-left-radius:0;border-bottom-right-radius:0}}.nvVpk8ht{display:flex;align-items:center;height:32px}._3AdKmQgK{min-height:32px}",""]),exports.locals={overlay:"_2y1T9V4y",fadein:"_3_2BoC0I",fitContent:"_3gDFCLsU",container:"_2QAYwYGD",full:"_16TShsZZ",large:"_1lNetpKv",medium:"_32ghOLYY",small:"_3uPo4tJd",xlarge:"_18mEE75w",expand:"_1TiMGzh8",buttonContainer:"nvVpk8ht",headerContent:"_3AdKmQgK"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/notice/notice.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3brOLz-k{color:var(--reactist-content-primary)}.wOBCs5rx svg{color:var(--reactist-alert-tone-info-icon)}._14n1oXcd svg{color:var(--reactist-alert-tone-positive-icon)}._25a_YrZW svg{color:var(--reactist-alert-tone-caution-icon)}._2_gBULZx svg{color:var(--reactist-alert-tone-critical-icon)}",""]),exports.locals={container:"_3brOLz-k","tone-info":"wOBCs5rx","tone-positive":"_14n1oXcd","tone-caution":"_25a_YrZW","tone-critical":"_2_gBULZx"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/password-field/password-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2HLiIZcL input{padding-right:0;box-shadow:none!important;border:none}._2HLiIZcL button{outline:none;line-height:0;margin:0 3px;padding:0;border:none;border-radius:3px;background:none;color:var(--reactist-content-secondary);cursor:pointer}._2HLiIZcL button:focus,._2HLiIZcL button:hover{color:var(--reactist-content-primary);background-color:var(--reactist-bg-selected)}",""]),exports.locals={inputWrapper:"_2HLiIZcL"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/select-field/select-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._37qME_zw{width:100%;position:relative}._37qME_zw.eqHukIBD select{padding:0;height:24px;border-color:transparent;outline:none}._37qME_zw svg{position:absolute;right:10px;top:8px;bottom:8px;color:var(--reactist-content-secondary)}._37qME_zw select{position:relative;z-index:1;--tmp-desired-height:32px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);padding:var(--tmp-vertical-padding) 10px;padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;color:var(--reactist-content-primary);background:none;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._37qME_zw:not(.eqHukIBD).cYnPzmfc select{border-color:var(--reactist-alert-tone-critical-border)!important}._37qME_zw:not(.eqHukIBD) option{background-color:var(--reactist-bg-aside)}._37qME_zw:not(.eqHukIBD) select:focus{border-color:var(--reactist-divider-primary)}",""]),exports.locals={selectWrapper:"_37qME_zw",bordered:"eqHukIBD",error:"cYnPzmfc"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/spinner/spinner.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-spinner-tint:var(--reactist-bg-brand);--reactist-spinner-fill:var(--reactist-framework-fill-crest)}@-webkit-keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes _1OT_vjPx{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._1g3kl2_t{-webkit-animation-name:_1OT_vjPx;animation-name:_1OT_vjPx;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}._1c1dkQ_C{fill:var(--reactist-spinner-tint)}._1UXu0jMG{fill:var(--reactist-spinner-fill)}",""]),exports.locals={svg:"_1g3kl2_t",spinner:"_1OT_vjPx",tint:"_1c1dkQ_C",fill:"_1UXu0jMG"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/switch-field/switch-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._1HWPb20W,._1HWPb20W *{font-family:var(--reactist-font-family);cursor:pointer}._1HWPb20W._1wFBFmoi,._1HWPb20W._1wFBFmoi *{cursor:not-allowed}._1HWPb20W._1wFBFmoi.sSsYK9JZ .dLU5fWlo,._1HWPb20W._1wFBFmoi ._3YKFZRYo{opacity:.5}.dLU5fWlo{--tmp-switch-width:32px;--tmp-switch-height:18px;--tmp-inner-padding:3px;--tmp-handle-size:calc(var(--tmp-switch-height) - 2*var(--tmp-inner-padding));--tmp-slide-length:calc(var(--tmp-switch-width) - var(--tmp-handle-size) - var(--tmp-inner-padding));min-height:auto;border-radius:calc(var(--tmp-switch-height)/2);background-color:var(--reactist-framework-fill-summit);cursor:pointer;position:relative}.dLU5fWlo,.dLU5fWlo>div,.dLU5fWlo input[type=checkbox]{width:var(--tmp-switch-width);height:var(--tmp-switch-height)}._1_dy86Q5{position:absolute;display:block;padding:0;top:var(--tmp-inner-padding);left:var(--tmp-inner-padding);width:var(--tmp-handle-size);height:var(--tmp-handle-size);border-radius:50%;background:var(--reactist-bg-default);transition:left .28s cubic-bezier(.4,0,.2,1)}.sSsYK9JZ .dLU5fWlo{background-color:var(--reactist-switch-checked)}.sSsYK9JZ .dLU5fWlo ._1_dy86Q5{left:var(--tmp-slide-length)}._1HWPb20W._1xpT-Dfz .dLU5fWlo:after{border-radius:calc(var(--tmp-switch-height) + 4px);border:2px solid var(--reactist-actionable-primary-idle-fill);bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px}',""]),exports.locals={container:"_1HWPb20W",disabled:"_1wFBFmoi",checked:"sSsYK9JZ",toggle:"dLU5fWlo",label:"_3YKFZRYo",handle:"_1_dy86Q5",keyFocused:"_1xpT-Dfz"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tabs/tabs.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-tab-themed-background:var(--reactist-bg-default);--reactist-tab-themed-foreground:#006f85;--reactist-tab-themed-unselected:#006f85;--reactist-tab-themed-track:#f2f6f7;--reactist-tab-themed-border:var(--reactist-divider-secondary);--reactist-tab-neutral-background:var(--reactist-bg-default);--reactist-tab-neutral-foreground:var(--reactist-content-primary);--reactist-tab-neutral-unselected:var(--reactist-content-tertiary);--reactist-tab-neutral-track:var(--reactist-framework-fill-selected);--reactist-tab-neutral-border:var(--reactist-divider-primary);--reactist-tab-track-border-width:2px;--reactist-tab-border-radius:20px;--reactist-tab-border-width:1px;--reactist-tab-height:30px}._289DS8rQ{box-sizing:border-box;padding:0 var(--reactist-spacing-medium);border:none;background:none;cursor:pointer;font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-medium);line-height:var(--reactist-tab-height);z-index:1;text-decoration:none;border:var(--reactist-tab-border-width) solid transparent;border-radius:var(--reactist-tab-border-radius)}._1NTURli_{position:absolute;top:calc(-1*var(--reactist-tab-track-border-width));right:calc(-1*var(--reactist-tab-track-border-width));bottom:calc(-1*var(--reactist-tab-track-border-width));left:calc(-1*var(--reactist-tab-track-border-width));border-radius:var(--reactist-tab-border-radius);border-width:var(--reactist-tab-track-border-width);border-style:solid}._289DS8rQ,.lo3osTOJ{color:var(--reactist-tab-neutral-unselected)}.lo3osTOJ[aria-selected=true],._289DS8rQ[aria-selected=true]{background-color:var(--reactist-tab-neutral-background);color:var(--reactist-tab-neutral-foreground);border-color:var(--reactist-tab-neutral-border)}._2EJuFztQ{color:var(--reactist-tab-themed-unselected)}._2EJuFztQ[aria-selected=true]{background-color:var(--reactist-tab-themed-background);color:var(--reactist-tab-themed-foreground);border-color:var(--reactist-tab-themed-border)}._1NTURli_,._2sHhlnOD{background:var(--reactist-tab-neutral-track);border-color:var(--reactist-tab-neutral-track)}._3CBW8R81{background:var(--reactist-tab-themed-track);border-color:var(--reactist-tab-themed-track)}",""]),exports.locals={tab:"_289DS8rQ",track:"_1NTURli_","tab-neutral":"lo3osTOJ","tab-themed":"_2EJuFztQ","track-neutral":"_2sHhlnOD","track-themed":"_3CBW8R81"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-area/text-area.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,'._22PFG8iD{font-family:var(--reactist-font-family)}._3pouLZSb:after,._22PFG8iD textarea{outline:none;border:none;padding:0;box-sizing:border-box;font:inherit;width:100%;resize:vertical}._22PFG8iD:not(._29Be2aIS) ._3pouLZSb:after,._22PFG8iD:not(._29Be2aIS) textarea{border-radius:var(--reactist-border-radius-small);padding:var(--reactist-spacing-small)}._22PFG8iD._29Be2aIS{border-radius:var(--reactist-border-radius-large)}._22PFG8iD._29Be2aIS,._22PFG8iD:not(._29Be2aIS) ._3pouLZSb:after,._22PFG8iD:not(._29Be2aIS) textarea{border:1px solid var(--reactist-divider-secondary)}._22PFG8iD._29Be2aIS:focus-within,._22PFG8iD:not(._29Be2aIS) textarea:focus{border-color:var(--reactist-divider-primary)}._22PFG8iD._29Be2aIS._2NQlDy3I,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) ._3pouLZSb:after,._22PFG8iD._2NQlDy3I:not(._29Be2aIS) textarea{border-color:var(--reactist-alert-tone-critical-border)!important}._3pouLZSb{display:grid}._3pouLZSb:after{content:attr(data-replicated-value) " ";white-space:pre-wrap;visibility:hidden}._3pouLZSb:after,._3pouLZSb>textarea{grid-area:1/1/2/2}textarea._34rXVfUe{resize:none;overflow:hidden}',""]),exports.locals={textAreaContainer:"_22PFG8iD",innerContainer:"_3pouLZSb",bordered:"_29Be2aIS",error:"_2NQlDy3I",autoExpand:"_34rXVfUe"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-field/text-field.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1SDzTpJO{height:var(--reactist-input-wrapper-height)}._1SDzTpJO:not(._1UmGt5zL){--reactist-input-wrapper-height:32px;border-radius:var(--reactist-border-radius-small);border:1px solid var(--reactist-divider-secondary);overflow:clip}._1SDzTpJO._1UmGt5zL{--reactist-input-wrapper-height:24px}._1SDzTpJO._1UmGt5zL input{padding:0;height:var(--reactist-input-wrapper-height)}._1SDzTpJO:not(._1UmGt5zL):focus-within{border-color:var(--reactist-divider-primary)}._1SDzTpJO:not(._1UmGt5zL)._3Spo5pUz{border-color:var(--reactist-alert-tone-critical-border)!important}._1SDzTpJO input{color:var(--reactist-content-primary);flex:1;outline:none;box-sizing:border-box;width:100%;background:transparent;border:none;--tmp-desired-height:30px;--tmp-line-height-increase:4px;--tmp-vertical-padding:calc((var(--tmp-desired-height) - var(--reactist-font-size-body) - var(--tmp-line-height-increase))/2);font-size:var(--reactist-font-size-body);line-height:calc(var(--reactist-font-size-body) + 4px);margin:0}._1SDzTpJO:not(._1UmGt5zL) input{padding:var(--tmp-vertical-padding) 10px}._2KSkmrGY{cursor:text}",""]),exports.locals={inputWrapper:"_1SDzTpJO",bordered:"_1UmGt5zL",error:"_3Spo5pUz",startIcon:"_2KSkmrGY"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text-link/text-link.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,":root{--reactist-text-link-idle-tint:#246fe0;--reactist-text-link-hover-tint:var(--reactist-text-link-idle-tint);--reactist-text-link-idle-decoration:none;--reactist-text-link-hover-decoration:underline}.eYShdnr7{font-size:inherit;font-weight:inherit;font-family:inherit;-webkit-text-decoration:var(--reactist-text-link-idle-decoration);text-decoration:var(--reactist-text-link-idle-decoration);color:var(--reactist-text-link-idle-tint);cursor:pointer}.eYShdnr7:hover{-webkit-text-decoration:var(--reactist-text-link-hover-decoration);text-decoration:var(--reactist-text-link-hover-decoration);color:var(--reactist-text-link-hover-tint)}.eYShdnr7 svg{display:inline-block;width:1em;height:1em;font-size:inherit;color:inherit;vertical-align:-.125em;fill:currentColor;padding:0 6px}",""]),exports.locals={container:"eYShdnr7"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/text/text.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._3Eg84Gxm{font-family:var(--reactist-font-family);font-size:var(--reactist-font-size-body);font-weight:var(--reactist-font-weight-regular);color:var(--reactist-content-primary)}._2vPa3hY9{font-size:var(--reactist-font-size-caption)}.KNXgq0Xg{font-size:var(--reactist-font-size-copy)}._3VDhACkJ{font-size:var(--reactist-font-size-subtitle)}._2zYtK3m_{font-weight:var(--reactist-font-weight-medium)}.ol0zG77d{font-weight:var(--reactist-font-weight-strong)}.zPORrfzj{color:var(--reactist-content-secondary)}._2lgSOyOF{color:var(--reactist-content-danger)}._24s2pHN5{color:var(--reactist-content-positive)}.YVxNFlRl{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}._1brSAAIy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._3pf7oOyZ{-webkit-line-clamp:2}._3PSPcekH{-webkit-line-clamp:3}._3a3w_L9B{-webkit-line-clamp:4}._2MKbNrCD{-webkit-line-clamp:5}",""]),exports.locals={text:"_3Eg84Gxm","size-caption":"_2vPa3hY9","size-copy":"KNXgq0Xg","size-subtitle":"_3VDhACkJ","weight-semibold":"_2zYtK3m_","weight-bold":"ol0zG77d","tone-secondary":"zPORrfzj","tone-danger":"_2lgSOyOF","tone-positive":"_24s2pHN5",lineClampMultipleLines:"YVxNFlRl","lineClamp-1":"_1brSAAIy","lineClamp-2":"_3pf7oOyZ","lineClamp-3":"_3PSPcekH","lineClamp-4":"_3a3w_L9B","lineClamp-5":"_2MKbNrCD"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/toast/toast.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._2lgALRFx{bottom:0;pointer-events:none;z-index:var(--reactist-stacking-order-toast)}._1ewLkkeV{pointer-events:all;gap:var(--reactist-spacing-medium);box-shadow:var(--reactist-toast-box-shadow)}._3Zltbqbg{color:var(--reactist-content-primary)}@media (max-width:500px){._1ewLkkeV{width:100%!important}}",""]),exports.locals={stackedToastsView:"_2lgALRFx",toastContainer:"_1ewLkkeV",slot:"_3Zltbqbg"},module.exports=exports},"./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/tooltip/tooltip.module.css":function(module,exports,__webpack_require__){(exports=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/runtime/api.js")(!1)).push([module.i,"._1kxqlXJC{text-overflow:ellipsis;max-width:300px;z-index:var(--reactist-stacking-order-tooltip)}",""]),exports.locals={tooltip:"_1kxqlXJC"},module.exports=exports},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_color_picker .color_trigger {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n cursor: pointer;\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 24px;\n}\n.reactist_color_picker .color_trigger--inner_ring {\n background-color: rgba(0, 0, 0, 0.1);\n width: 14px;\n height: 14px;\n border-radius: 50%;\n visibility: hidden;\n}\n.reactist_color_picker .color_trigger:hover .color_trigger--inner_ring {\n visibility: visible;\n}\n.reactist_color_picker .color_trigger.small {\n height: 18px;\n width: 18px;\n}\n.reactist_color_picker .color_trigger.small .color_trigger--inner_ring {\n width: 12px;\n height: 12px;\n}\n.reactist_color_picker .color_item {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 4px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n cursor: pointer;\n}\n.reactist_color_picker .color_item--inner_ring {\n background-color: transparent;\n border: 2px solid white;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n visibility: hidden;\n}\n.reactist_color_picker .color_item:hover .color_item--inner_ring {\n visibility: visible;\n}\n.reactist_color_picker .color_item.active {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n}\n.reactist_color_picker .color_options {\n padding: 6px;\n display: flex;\n flex-wrap: wrap;\n width: 164px;\n position: relative;\n}\n.reactist_color_picker .with_arrow:after,\n.reactist_color_picker .with_arrow:before {\n visibility: hidden;\n}\n","",{version:3,sources:["webpack://src/components/color-picker/color-picker.less"],names:[],mappings:"AAEA;EAEQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,eAAA;EAEA,yYAAA;EACA,2BAAA;EACA,4BAAA;EACA,qBAAA;AAHR;AAKQ;EACI,oCAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;AAHZ;AAKQ;EAEQ,mBAAA;AAJhB;AAQQ;EACI,YAAA;EACA,WAAA;AANZ;AAIQ;EAKQ,WAAA;EACA,YAAA;AANhB;AA7BA;EAyCQ,cAAA;EACA,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,WAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;AATR;AAWQ;EACI,6BAAA;EACA,uBAAA;EACA,YAAA;EACA,WAAA;EACA,kBAAA;EACA,kBAAA;AATZ;AAWQ;EAEQ,mBAAA;AAVhB;AAcQ;EACI,6bAAA;EACA,2BAAA;EACA,4BAAA;AAZZ;AAxDA;EAyEQ,YAAA;EACA,aAAA;EACA,eAAA;EACA,YAAA;EACA,kBAAA;AAdR;AA/DA;;EAkFQ,kBAAA;AAfR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_color_picker {\n .color_trigger {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n cursor: pointer;\n\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOS4yNSAxMC42NDZsMi42NDYgMi42NDcgMi42NDctMi42NDdhLjUuNSAwIDAgMSAuNzA3LjcwOEwxMi42MDQgMTRhMSAxIDAgMCAxLTEuNDE1IDBsLTIuNjQ2LTIuNjQ2YS41LjUgMCAwIDEgLjcwNy0uNzA4eiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n background-size: 24px;\n\n &--inner_ring {\n background-color: rgba(0, 0, 0, 0.1);\n width: 14px;\n height: 14px;\n border-radius: 50%;\n visibility: hidden;\n }\n &:hover {\n .color_trigger--inner_ring {\n visibility: visible;\n }\n }\n\n &.small {\n height: 18px;\n width: 18px;\n\n .color_trigger--inner_ring {\n width: 12px;\n height: 12px;\n }\n }\n }\n\n .color_item {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 4px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n cursor: pointer;\n\n &--inner_ring {\n background-color: transparent;\n border: 2px solid white;\n height: 24px;\n width: 24px;\n border-radius: 50%;\n visibility: hidden;\n }\n &:hover {\n .color_item--inner_ring {\n visibility: visible;\n }\n }\n\n &.active {\n background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4gICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAuOTc0IDE0Ljc3MWw0LjE2LTcuMjA0YS40OTkuNDk5IDAgMSAxIC44NjMuNDk5bC00LjQ3IDcuNzQ0YS40OTkuNDk5IDAgMCAxLS43MzUuMTQ3LjUwMi41MDIgMCAwIDEtLjA2MS0uMDQ4bC0zLjM2Ni0zLjE0YS40OTkuNDk5IDAgMSAxIC42OC0uNzI5bDIuOTI5IDIuNzMxeiIvPjwvc3ZnPg==);\n background-position: center;\n background-repeat: no-repeat;\n }\n }\n\n .color_options {\n padding: 6px;\n display: flex;\n flex-wrap: wrap;\n width: 164px; // 4 * 32 + 3 * 8 + 2 * 6\n position: relative;\n }\n\n .with_arrow:after,\n .with_arrow:before {\n visibility: hidden;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_API_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_GET_URL_IMPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/getUrl.js"),___CSS_LOADER_URL_IMPORT_0___=__webpack_require__("./src/components/icons/spinner.svg"),___CSS_LOADER_EXPORT___=___CSS_LOADER_API_IMPORT___(!0),___CSS_LOADER_URL_REPLACEMENT_0___=___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);___CSS_LOADER_EXPORT___.push([module.i,".reactist_button {\n cursor: pointer;\n user-select: none;\n color: inherit;\n border: none;\n background-color: transparent;\n padding: 0;\n}\n.reactist_button[aria-disabled='true'] {\n opacity: 0.4;\n cursor: not-allowed;\n}\n.reactist_button--small {\n font-size: 0.81rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.6;\n}\n.reactist_button--primary,\n.reactist_button--secondary,\n.reactist_button--danger {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n box-sizing: border-box;\n padding: 5px 15px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n.reactist_button--primary.reactist_button--small,\n.reactist_button--secondary.reactist_button--small,\n.reactist_button--danger.reactist_button--small {\n padding: 5px 10px;\n}\n.reactist_button--primary.reactist_button--large,\n.reactist_button--secondary.reactist_button--large,\n.reactist_button--danger.reactist_button--large {\n padding: 10px 15px;\n}\n.reactist_button--primary {\n background-color: #3f82ef;\n color: white;\n}\n.reactist_button--primary:not([disabled]):hover {\n background-color: #3b7be2;\n}\n.reactist_button--danger {\n background-color: #de4c4a;\n color: white;\n}\n.reactist_button--danger:not([disabled]):hover {\n background-color: #cf2826;\n}\n.reactist_button--secondary {\n background-color: white;\n color: #202020;\n border-color: #dcdcdc;\n}\n.reactist_button--secondary:not([disabled]):hover {\n background-color: #f9f9f9;\n}\n.reactist_button--link {\n color: #3f82ef;\n text-decoration: none;\n}\n.reactist_button--link:disabled {\n color: #808080;\n}\n.reactist_button--link:not(:disabled):hover {\n text-decoration: underline;\n}\n.reactist_button--link:not(.reactist_button--link--small):not(.reactist_button--link--large) {\n font-size: inherit;\n}\n.reactist_button--primary.reactist_button--loading,\n.reactist_button--secondary.reactist_button--loading,\n.reactist_button--danger.reactist_button--loading {\n cursor: progress !important;\n}\n.reactist_button--primary.reactist_button--loading:after,\n.reactist_button--secondary.reactist_button--loading:after,\n.reactist_button--danger.reactist_button--loading:after {\n background-repeat: no-repeat;\n background-size: 15px;\n content: '';\n display: inline-block;\n height: 15px;\n margin-left: 12px;\n vertical-align: middle;\n width: 15px;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: reactistRotateRight;\n animation-timing-function: linear;\n color: #ffffff;\n background-image: url("+___CSS_LOADER_URL_REPLACEMENT_0___+");\n}\n.reactist_button--secondary.reactist_button--loading {\n border-color: #dcdcdc;\n background-color: #dcdcdc;\n color: #808080;\n}\n@keyframes reactistRotateRight {\n from {\n transform: rotate(0deg);\n transform-origin: center center;\n }\n to {\n transform: rotate(360deg);\n transform-origin: center center;\n }\n}\n","",{version:3,sources:["webpack://src/components/deprecated-button/deprecated-button.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;EACI,eAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,UAAA;AADJ;AAGI;EACI,YAAA;EACA,mBAAA;AADR;AAII;EC+BA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADhCJ;AAEI;;;ECmBA,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDlBI,sBAAA;EACA,iBAAA;EACA,oCAAA;EACA,kBAAA;AAGR;AAFQ;;;EACI,iBAAA;AAMZ;AAJQ;;;EACI,kBAAA;AAQZ;AAJI;EACI,yBAAA;EACA,YAAA;AAMR;AAJQ;EACI,yBAAA;AAMZ;AAFI;EACI,yBAAA;EACA,YAAA;AAIR;AAFQ;EACI,yBAAA;AAIZ;AAAI;EACI,uBAAA;EACA,cAAA;EACA,qBAAA;AAER;AAAQ;EACI,yBAAA;AAEZ;AAEI;EACI,cAAA;EACA,qBAAA;AAAR;AAEQ;EACI,cAAA;AAAZ;AAGQ;EACI,0BAAA;AADZ;AAIQ;EACI,kBAAA;AAFZ;AAUQ;;;EACI,2BAAA;AANZ;AAOY;;;EACI,4BAAA;EACA,qBAAA;EACA,WAAA;EACA,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,sBAAA;EACA,WAAA;EACA,sBAAA;EACA,mCAAA;EACA,mCAAA;EACA,iCAAA;EACA,cAAA;EACA,yDAAA;AAHhB;AAUI;EACI,qBAAA;EACA,yBAAA;EACA,cAAA;AARR;AAaA;EACI;IACI,uBAAA;IACA,+BAAA;EAXN;EAcE;IACI,yBAAA;IACA,+BAAA;EAZN;AACF",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_button {\n cursor: pointer;\n user-select: none;\n color: inherit;\n border: none;\n background-color: transparent;\n padding: 0;\n\n &[aria-disabled='true'] {\n opacity: 0.4;\n cursor: not-allowed;\n }\n\n &--small {\n .smaller_text();\n }\n\n &--primary,\n &--secondary,\n &--danger {\n .normal_text();\n box-sizing: border-box;\n padding: 5px 15px;\n border: 1px solid rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n &.reactist_button--small {\n padding: 5px 10px;\n }\n &.reactist_button--large {\n padding: 10px 15px;\n }\n }\n\n &--primary {\n background-color: @primary_color;\n color: white;\n\n &:not([disabled]):hover {\n background-color: @primary_color_darker;\n }\n }\n\n &--danger {\n background-color: @color_red;\n color: white;\n\n &:not([disabled]):hover {\n background-color: darken(@color_red, 10%);\n }\n }\n\n &--secondary {\n background-color: white;\n color: @primary_font_color;\n border-color: @color_border_grey;\n\n &:not([disabled]):hover {\n background-color: @color_grey_9;\n }\n }\n\n &--link {\n color: @primary_color;\n text-decoration: none;\n\n &:disabled {\n color: @secondary_font_color;\n }\n\n &:not(:disabled):hover {\n text-decoration: underline;\n }\n\n &:not(&--small):not(&--large) {\n font-size: inherit;\n }\n }\n\n // loading-like buttons are only supported for the primary, secondary and danger variants\n &--primary,\n &--secondary,\n &--danger {\n &.reactist_button--loading {\n cursor: progress !important;\n &:after {\n background-repeat: no-repeat;\n background-size: 15px;\n content: '';\n display: inline-block;\n height: 15px;\n margin-left: 12px;\n vertical-align: middle;\n width: 15px;\n animation-duration: 1s;\n animation-iteration-count: infinite;\n animation-name: reactistRotateRight;\n animation-timing-function: linear;\n color: #ffffff;\n background-image: url('../icons/spinner.svg');\n }\n }\n }\n\n // we treat secondary buttons differently because the loading indicator is white\n // TODO: make the loading indicator color adaptable from the outside using SVG currentColor\n &--secondary.reactist_button--loading {\n border-color: @color_border_grey;\n background-color: @color_border_grey;\n color: @secondary_font_color;\n }\n}\n\n// Animation used by the busy state of a button\n@keyframes reactistRotateRight {\n from {\n transform: rotate(0deg);\n transform-origin: center center;\n }\n\n to {\n transform: rotate(360deg);\n transform-origin: center center;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_dropdown .trigger {\n cursor: pointer;\n display: block;\n}\n.reactist_dropdown .body {\n border-radius: 3px;\n border: 1px solid #dcdcdc;\n overflow: hidden;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n z-index: 1;\n background-color: #fff;\n}\n.reactist_dropdown hr {\n border: none;\n height: 1px;\n background-color: #dcdcdc;\n margin: 0 5px;\n}\n.reactist_dropdown .with_arrow:after,\n.reactist_dropdown .with_arrow:before {\n z-index: 1;\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px;\n right: 14px;\n}\n.reactist_dropdown .with_arrow:after {\n top: -11px;\n border-color: transparent transparent #fff transparent;\n}\n.reactist_dropdown .with_arrow:before {\n top: -12px;\n border-color: transparent transparent #dcdcdc transparent;\n}\n.reactist_dropdown .with_arrow.top:after {\n top: -1px;\n border-color: #fff transparent transparent transparent;\n}\n.reactist_dropdown .with_arrow.top:before {\n top: -1px;\n right: 13px;\n border-width: 7px;\n border-color: #dcdcdc transparent transparent transparent;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-dropdown/dropdown.less"],names:[],mappings:"AAEA;EAEQ,eAAA;EACA,cAAA;AAFR;AADA;EAOQ,kBAAA;EACA,yBAAA;EACA,gBAAA;EACA,2CAAA;EACA,UAAA;EACA,sBAAA;AAHR;AATA;EAgBQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AAJR;AAfA;;EAwBQ,UAAA;EACA,WAAA;EACA,cAAA;EACA,kBAAA;EACA,QAAA;EACA,SAAA;EACA,mBAAA;EACA,iBAAA;EACA,WAAA;AALR;AA3BA;EAoCQ,UAAA;EACA,sDAAA;AANR;AA/BA;EAyCQ,UAAA;EACA,yDAAA;AAPR;AAnCA;EA8CQ,SAAA;EACA,sDAAA;AARR;AAvCA;EAmDQ,SAAA;EACA,WAAA;EACA,iBAAA;EACA,yDAAA;AATR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_dropdown {\n .trigger {\n cursor: pointer;\n display: block;\n }\n\n .body {\n border-radius: 3px;\n border: 1px solid @color_border_grey;\n overflow: hidden;\n box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);\n z-index: 1;\n background-color: #fff;\n }\n\n hr {\n border: none;\n height: 1px;\n background-color: @color_border_grey;\n margin: 0 5px;\n }\n\n .with_arrow:after,\n .with_arrow:before {\n z-index: 1;\n content: '';\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n border-style: solid;\n border-width: 6px;\n right: 14px;\n }\n\n .with_arrow:after {\n top: -11px;\n border-color: transparent transparent #fff transparent;\n }\n\n .with_arrow:before {\n top: -12px;\n border-color: transparent transparent @color_border_grey transparent;\n }\n\n .with_arrow.top:after {\n top: -1px;\n border-color: #fff transparent transparent transparent;\n }\n\n .with_arrow.top:before {\n top: -1px;\n right: 13px;\n border-width: 7px;\n border-color: @color_border_grey transparent transparent transparent;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-input/input.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_input {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n box-sizing: border-box;\n width: 100%;\n display: block;\n outline: none;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n padding: 5px 10px;\n margin: 0;\n}\n.reactist_input:focus {\n border-color: #3f82ef;\n}\n.reactist_input:disabled {\n background-color: #fafafa;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-input/input.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECoCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDrCA,sBAAA;EACA,WAAA;EACA,cAAA;EACA,aAAA;EACA,yBAAA;EACA,kBAAA;EACA,iBAAA;EACA,SAAA;AAEJ;AAAI;EACI,qBAAA;AAER;AAAI;EACI,yBAAA;AAER",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_input {\n .normal_text();\n box-sizing: border-box;\n width: 100%;\n display: block;\n outline: none;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n padding: 5px 10px;\n margin: 0;\n\n &:focus {\n border-color: @primary_color;\n }\n &:disabled {\n background-color: @color_grey_11;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-notification/deprecated-notification.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist-notification {\n display: flex;\n position: relative;\n font-size: 0.875rem;\n}\n.reactist-notification:not(.reactist-notification--with-button) {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid #dcdcdc;\n border-radius: 5px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n background: #fff;\n}\n.reactist-notification__button,\n.reactist-notification__close-button {\n border: 0;\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition-property: background-color;\n transition-duration: 300ms;\n background: #fff;\n}\n.reactist-notification__button:hover,\n.reactist-notification__close-button:hover {\n background: #ececec;\n}\n.reactist-notification__button {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid #dcdcdc;\n border-radius: 5px;\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n background: #fff;\n display: flex;\n flex: 1;\n}\n.reactist-notification__button:hover + .reactist-notification__close-button {\n background: #ececec;\n}\n.reactist-notification__close-button {\n position: absolute;\n top: 8px;\n right: 8px;\n border-radius: 5px;\n}\n.reactist-notification__close-button > * {\n display: block;\n}\n.reactist-notification__icon-content-group {\n display: flex;\n flex: 1;\n}\n.reactist-notification--with-close-button .reactist-notification__icon-content-group {\n padding-right: 24px;\n}\n.reactist-notification__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n.reactist-notification__title {\n margin: 0 0 3px 0;\n font-size: 0.875rem;\n text-align: left;\n}\n.reactist-notification__subtitle {\n font-size: 0.81rem;\n margin: 0;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-notification/deprecated-notification.less"],names:[],mappings:"AAaA;EACI,aAAA;EACA,kBAAA;EACA,mBAAA;AAZJ;AAcI;EAfA,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;AAIJ;AASA;;EAEI,SAAA;EACA,UAAA;EACA,SAAA;EACA,eAAA;EACA,qCAAA;EACA,0BAAA;EACA,gBAAA;AAPJ;AASI;;EACI,mBAAA;AANR;AAUA;EAnCI,sBAAA;EACA,8BAAA;EACA,uBAAA;EACA,kBAAA;EACA,yBAAA;EACA,kBAAA;EACA,2CAAA;EACA,gBAAA;EA8BA,aAAA;EACA,OAAA;AADJ;AAGI;EACI,mBAAA;AADR;AAKA;EACI,kBAAA;EACA,QAAA;EACA,UAAA;EACA,kBAAA;AAHJ;AADA;EAOQ,cAAA;AAHR;AAOA;EACI,aAAA;EACA,OAAA;AALJ;AAQA;EAEQ,mBAAA;AAPR;AAWA;EACI,aAAA;EACA,sBAAA;EACA,uBAAA;AATJ;AAYA;EACI,iBAAA;EACA,mBAAA;EACA,gBAAA;AAVJ;AAaA;EACI,kBAAA;EACA,SAAA;AAXJ",sourcesContent:["@import '../styles/constants.less';\n\n.container-style() {\n box-sizing: border-box;\n justify-content: space-between;\n align-items: flex-start;\n padding: 10px 14px;\n border: 1px solid @color_border_grey;\n border-radius: @default-radius;\n box-shadow: @default-box-shadow;\n background: #fff;\n}\n\n.reactist-notification {\n display: flex;\n position: relative;\n font-size: @normal_font_size;\n\n &:not(.reactist-notification--with-button) {\n .container-style();\n }\n}\n\n.reactist-notification__button,\n.reactist-notification__close-button {\n border: 0;\n padding: 0;\n margin: 0;\n cursor: pointer;\n transition-property: background-color;\n transition-duration: @standard-timing;\n background: #fff;\n\n &:hover {\n background: @color_grey_10;\n }\n}\n\n.reactist-notification__button {\n .container-style();\n display: flex;\n flex: 1;\n\n &:hover + .reactist-notification__close-button {\n background: @color_grey_10;\n }\n}\n\n.reactist-notification__close-button {\n position: absolute;\n top: 8px;\n right: 8px;\n border-radius: @default-radius;\n\n > * {\n display: block;\n }\n}\n\n.reactist-notification__icon-content-group {\n display: flex;\n flex: 1;\n}\n\n.reactist-notification--with-close-button {\n .reactist-notification__icon-content-group {\n padding-right: 24px;\n }\n}\n\n.reactist-notification__content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.reactist-notification__title {\n margin: 0 0 3px 0;\n font-size: @normal_font_size;\n text-align: left;\n}\n\n.reactist-notification__subtitle {\n font-size: @smaller_font_size;\n margin: 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-select/select.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_select {\n font-size: 0.875rem;\n color: #202020;\n font-weight: 400;\n line-height: 1.7;\n background-color: white;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n padding: 5px 25px 5px 10px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n background-position: calc(100% - 11px) center;\n background-repeat: no-repeat;\n background-size: 8px 11px;\n}\n.reactist_select.disabled {\n background-color: #fafafa;\n}\n.reactist_select:focus {\n outline: none;\n border: 1px solid #3f82ef;\n}\n","",{version:3,sources:["webpack://src/components/deprecated-select/select.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECoCI,mBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;EDrCA,uBAAA;EACA,yBAAA;EACA,kBAAA;EAGA,qBAAA;EACA,wBAAA;EACA,gBAAA;EACA,SAAA;EACA,0BAAA;EACA,+XAAA;EACA,6CAAA;EACA,4BAAA;EACA,yBAAA;AAAJ;AAEI;EACI,yBAAA;AAAR;AAEI;EACI,aAAA;EACA,yBAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_select {\n .normal_text();\n background-color: white;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n\n // nuke the browser styles\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n margin: 0;\n padding: 5px 25px 5px 10px;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDggMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJub256ZXJvIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgb3BhY2l0eT0iLjgiPgogICAgPHBhdGggZD0iTTEgM2wzLTMgMyAzTTEgN2wzIDMgMy0zIi8+CiAgPC9nPgo8L3N2Zz4K');\n background-position: calc(~'100% - 11px') center;\n background-repeat: no-repeat;\n background-size: 8px 11px;\n\n &.disabled {\n background-color: @color_grey_11;\n }\n &:focus {\n outline: none;\n border: 1px solid @primary_color;\n }\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_keyboard_shortcut {\n font: 11px Menlo, monospace;\n}\n.reactist_keyboard_shortcut > kbd > kbd {\n display: inline-block;\n padding: 3px 5px;\n margin: 0 2px;\n line-height: normal;\n line-height: 10px;\n color: #202020;\n vertical-align: middle;\n background-color: #fafafa;\n border: 1px solid #dcdcdc;\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 #dcdcdc;\n}\n","",{version:3,sources:["webpack://src/components/keyboard-shortcut/keyboard-shortcut.less"],names:[],mappings:"AAEA;EACI,2BAAA;AADJ;AAAA;EAGQ,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,sBAAA;EACA,yBAAA;EACA,yBAAA;EACA,kBAAA;EACA,kCAAA;AAAR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_keyboard_shortcut {\n font: 11px Menlo, monospace;\n > kbd > kbd {\n display: inline-block;\n padding: 3px 5px;\n margin: 0 2px;\n line-height: normal;\n line-height: 10px;\n color: @primary_font_color;\n vertical-align: middle;\n background-color: @color_grey_11;\n border: 1px solid @color_border_grey;\n border-radius: 6px;\n box-shadow: inset 0 -1px 0 @color_border_grey;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n height: 4px;\n border-radius: 3px;\n background-color: #ececec;\n width: 100%;\n}\n.reactist_progress_bar .inner {\n height: inherit;\n border-radius: 4px;\n background-color: #70bc1c;\n}\n","",{version:3,sources:["webpack://src/components/progress-bar/progress-bar.less"],names:[],mappings:"AAEA;EACI,WAAA;EACA,kBAAA;EACA,yBAAA;EACA,WAAA;AADJ;AAHA;EAOQ,eAAA;EACA,kBAAA;EACA,yBAAA;AADR",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_progress_bar {\n height: 4px;\n border-radius: 3px;\n background-color: @color_grey_10;\n width: 100%;\n\n .inner {\n height: inherit;\n border-radius: 4px;\n background-color: @color_green;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_time {\n font-size: 0.75rem;\n color: #808080;\n font-weight: 400;\n line-height: 1.8;\n}\n.reactist_tooltip .reactist_time:hover {\n text-decoration: underline;\n}\n","",{version:3,sources:["webpack://src/components/time/time.less","webpack://src/components/styles/constants.less"],names:[],mappings:"AAEA;ECoDI,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,gBAAA;ADpDJ;AACA;EACI,0BAAA;AACJ",sourcesContent:["@import '../styles/constants.less';\n\n.reactist_time {\n .tiny_text();\n}\n\n.reactist_tooltip .reactist_time:hover {\n text-decoration: underline;\n}\n","// Colors /////////////////////////////////////////////////////////////////////\n@primary_color: #3f82ef;\n@primary_color_lighter: #e7f3fd;\n@primary_color_darker: #3b7be2;\n@primary_font_color: #202020;\n@secondary_font_color: #808080;\n@color_grey_5: #b3b3b3;\n@color_grey_9: #f9f9f9;\n@color_grey_10: #ececec;\n@color_grey_11: #fafafa;\n@color_border_grey: #dcdcdc;\n@color_red: #de4c4a;\n@color_green: #70bc1c;\n\n// Typography /////////////////////////////////////////////////////////////////\n// weights\n@normal: 400;\n@semi_bold: 600;\n@bold: 700;\n\n// font sizes\n@normal_font_size: 0.875rem;\n@smaller_font_size: 0.81rem;\n@tiny_font_size: 0.75rem;\n@heading_one_font_size: 1.25rem;\n@heading_two_font_size: 1rem;\n@subheading_font_size: 0.69rem;\n\n// heading two text\n.heading_two_text(@color: @primary_font_color, @weight: @bold) {\n font-size: @heading_two_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// normal text\n.normal_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @normal_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.7;\n}\n\n// smaller text\n.smaller_text(@color: @primary_font_color, @weight: @normal) {\n font-size: @smaller_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.6;\n}\n\n// tiny text\n.tiny_text(@color: @secondary_font_color, @weight: @normal) {\n font-size: @tiny_font_size;\n color: @color;\n font-weight: @weight;\n line-height: 1.8;\n}\n\n// Border radius ////////////////////////////////////////////////////////////////////\n@default-radius: 5px;\n\n// Box shadow ////////////////////////////////////////////////////////////////////\n@default-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n\n// Break points ///////////////////////////////////////////////////////////////\n@small_screen: ~'only screen and (max-width: 992px)';\n\n// Transition timing ///////////////////////////////////////////////////////////////\n@standard-timing: 300ms;\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/default-styles.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,":root {\n /*\n * breakpoints\n *\n * Unfortunately CSS custom properties are not available in media queries. So these are not\n * being used right now (although all uses of the hardcoded value are annotated with the names.\n *\n * We could manage these as pre-processor variables, but that would leave the question about how\n * is going to be possible to customize these values from consumer apps.\n *\n * See https://stackoverflow.com/q/40722882/621809\n * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n */\n --reactist-breakpoint-tablet: 768px;\n --reactist-breakpoint-desktop: 992px;\n /* spacing sizes */\n --reactist-spacing-xsmall: 4px;\n --reactist-spacing-small: 8px;\n --reactist-spacing-medium: 12px;\n --reactist-spacing-large: 16px;\n --reactist-spacing-xlarge: 24px;\n --reactist-spacing-xxlarge: 32px;\n /* width */\n --reactist-width-xsmall: 220px;\n --reactist-width-small: 400px;\n --reactist-width-medium: 660px;\n --reactist-width-large: 940px;\n --reactist-width-xlarge: 1280px;\n /* font family */\n --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n /* font sizes */\n --reactist-font-size-caption: 12px;\n --reactist-font-size-copy: 13px;\n --reactist-font-size-body: 14px;\n --reactist-font-size-subtitle: 16px;\n --reactist-font-size-header: 20px;\n --reactist-font-size-header-large: 24px;\n --reactist-font-size-header-xlarge: 32px;\n /* font weight */\n --reactist-font-weight-regular: 400;\n --reactist-font-weight-medium: 600;\n --reactist-font-weight-strong: 700;\n /* standard divider colors */\n --reactist-divider-primary: #c4c7c8;\n --reactist-divider-secondary: #dde2e3;\n --reactist-divider-tertiary: #edf2f3;\n /* border-radius */\n --reactist-border-radius-small: 5px;\n --reactist-border-radius-large: 10px;\n /* background color */\n --reactist-bg-default: #ffffff;\n --reactist-bg-brand: #246fe0;\n --reactist-bg-aside: #fafafa;\n --reactist-bg-highlight: #f2f2f2;\n --reactist-bg-selected: #e6e6e6;\n --reactist-bg-toast: #282828;\n /* colors */\n --reactist-framework-fill-background: #fafafa;\n --reactist-framework-fill-crest: #e6e6e6;\n --reactist-framework-fill-selected: #ececec;\n --reactist-framework-fill-summit: #d6d6d6;\n --reactist-content-primary: rgba(0, 0, 0, 0.88);\n --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n --reactist-toast-content-primary: #ffffff;\n --reactist-toast-content-secondary: hsla(0, 0%, 100%, 0.56);\n --reactist-content-positive: #058527;\n --reactist-content-danger: #d1453b;\n /* component-specific */\n --reactist-switch-checked: #058527;\n /* alerts */\n --reactist-alert-tone-info-icon: #1d438c;\n --reactist-alert-tone-info-border: #246fe0;\n --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n --reactist-alert-tone-positive-icon: #035017;\n --reactist-alert-tone-positive-border: #058527;\n --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n --reactist-alert-tone-caution-icon: #5e3704;\n --reactist-alert-tone-caution-border: #eb8d13;\n --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n --reactist-alert-tone-critical-icon: #b03d32;\n --reactist-alert-tone-critical-border: #d1453b;\n --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n /* toasts */\n --reactist-toast-actionable-primary-tint: #39d1ef;\n --reactist-toast-actionable-secondary-tint: #b6c1c3;\n --reactist-toast-actionable-hover-fill: #506063;\n --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n /* stacking orders */\n --reactist-stacking-order-modal: 1;\n --reactist-stacking-order-menu: 1;\n --reactist-stacking-order-toast: 400;\n --reactist-stacking-order-tooltip: 1000;\n}\n","",{version:3,sources:["webpack://src/new-components/default-styles.less"],names:[],mappings:"AAAA;EACE;;;;;;;;;;;MAWI;EACF,mCAAA;EACA,oCAAA;EACF,kBAAkB;EAEhB,8BAAA;EACA,6BAAA;EACA,+BAAA;EACA,8BAAA;EACA,+BAAA;EACA,gCAAA;EAAF,UAAU;EAGR,8BAAA;EACA,6BAAA;EACA,8BAAA;EACA,6BAAA;EACA,+BAAA;EADF,gBAAgB;EAId;;yBAAA;EAAF,eAAe;EAKb,kCAAA;EACA,+BAAA;EACA,+BAAA;EACA,mCAAA;EACA,iCAAA;EACA,uCAAA;EACA,wCAAA;EAHF,gBAAgB;EAMd,mCAAA;EACA,kCAAA;EACA,kCAAA;EAJF,4BAA4B;EAO1B,mCAAA;EACA,qCAAA;EACA,oCAAA;EALF,kBAAkB;EAQhB,mCAAA;EACA,oCAAA;EANF,qBAAqB;EASnB,8BAAA;EACA,4BAAA;EACA,4BAAA;EACA,gCAAA;EACA,+BAAA;EACA,4BAAA;EAPF,WAAW;EAUT,6CAAA;EACA,wCAAA;EACA,2CAAA;EACA,yCAAA;EAEA,+CAAA;EACA,iDAAA;EACA,+CAAA;EACA,yCAAA;EACA,2DAAA;EACA,oCAAA;EACA,kCAAA;EATF,uBAAuB;EAYrB,kCAAA;EAVF,WAAW;EAaT,wCAAA;EACA,0CAAA;EACA,8DAAA;EAEA,4CAAA;EACA,8CAAA;EACA,gEAAA;EAEA,2CAAA;EACA,6CAAA;EACA,iEAAA;EAEA,4CAAA;EACA,8CAAA;EACA,iEAAA;EAdF,WAAW;EAiBT,iDAAA;EACA,mDAAA;EACA,+CAAA;EACA,+FAAA;EAfF,oBAAoB;EAkBlB,kCAAA;EACA,iCAAA;EACA,oCAAA;EACA,uCAAA;AAhBJ",sourcesContent:[":root {\n /*\n * breakpoints\n *\n * Unfortunately CSS custom properties are not available in media queries. So these are not\n * being used right now (although all uses of the hardcoded value are annotated with the names.\n *\n * We could manage these as pre-processor variables, but that would leave the question about how\n * is going to be possible to customize these values from consumer apps.\n *\n * See https://stackoverflow.com/q/40722882/621809\n * Possible solution: https://www.npmjs.com/package/postcss-media-variables\n */\n --reactist-breakpoint-tablet: 768px;\n --reactist-breakpoint-desktop: 992px;\n\n /* spacing sizes */\n --reactist-spacing-xsmall: 4px;\n --reactist-spacing-small: 8px;\n --reactist-spacing-medium: 12px;\n --reactist-spacing-large: 16px;\n --reactist-spacing-xlarge: 24px;\n --reactist-spacing-xxlarge: 32px;\n\n /* width */\n --reactist-width-xsmall: 220px;\n --reactist-width-small: 400px;\n --reactist-width-medium: 660px;\n --reactist-width-large: 940px;\n --reactist-width-xlarge: 1280px;\n\n /* font family */\n --reactist-font-family: -apple-system, system-ui, 'Segoe UI', Roboto, Noto, Oxygen-Sans, Ubuntu,\n Cantrell, 'Helvetica Neue', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',\n 'Segoe UI Symbol';\n\n /* font sizes */\n --reactist-font-size-caption: 12px;\n --reactist-font-size-copy: 13px;\n --reactist-font-size-body: 14px;\n --reactist-font-size-subtitle: 16px;\n --reactist-font-size-header: 20px;\n --reactist-font-size-header-large: 24px;\n --reactist-font-size-header-xlarge: 32px;\n\n /* font weight */\n --reactist-font-weight-regular: 400;\n --reactist-font-weight-medium: 600;\n --reactist-font-weight-strong: 700;\n\n /* standard divider colors */\n --reactist-divider-primary: #c4c7c8;\n --reactist-divider-secondary: #dde2e3;\n --reactist-divider-tertiary: #edf2f3;\n\n /* border-radius */\n --reactist-border-radius-small: 5px;\n --reactist-border-radius-large: 10px;\n\n /* background color */\n --reactist-bg-default: rgb(255, 255, 255);\n --reactist-bg-brand: rgb(36, 111, 224);\n --reactist-bg-aside: rgb(250, 250, 250);\n --reactist-bg-highlight: rgb(242, 242, 242);\n --reactist-bg-selected: rgb(230, 230, 230);\n --reactist-bg-toast: rgb(40, 40, 40);\n\n /* colors */\n --reactist-framework-fill-background: rgb(250, 250, 250);\n --reactist-framework-fill-crest: rgb(230, 230, 230);\n --reactist-framework-fill-selected: rgb(236, 236, 236);\n --reactist-framework-fill-summit: rgb(214, 214, 214);\n\n --reactist-content-primary: rgba(0, 0, 0, 0.88);\n --reactist-content-secondary: rgba(0, 0, 0, 0.56);\n --reactist-content-tertiary: rgba(0, 0, 0, 0.4);\n --reactist-toast-content-primary: rgb(255, 255, 255);\n --reactist-toast-content-secondary: hsla(0, 0%, 100%, 0.56);\n --reactist-content-positive: rgb(5, 133, 39);\n --reactist-content-danger: rgb(209, 69, 59);\n\n /* component-specific */\n --reactist-switch-checked: rgb(5, 133, 39);\n\n /* alerts */\n --reactist-alert-tone-info-icon: #1d438c;\n --reactist-alert-tone-info-border: rgb(36, 111, 224);\n --reactist-alert-tone-info-background: rgba(36, 111, 224, 0.1);\n\n --reactist-alert-tone-positive-icon: #035017;\n --reactist-alert-tone-positive-border: rgb(5, 133, 39);\n --reactist-alert-tone-positive-background: rgba(5, 133, 39, 0.1);\n\n --reactist-alert-tone-caution-icon: #5e3704;\n --reactist-alert-tone-caution-border: rgb(235, 141, 19);\n --reactist-alert-tone-caution-background: rgba(235, 141, 19, 0.2);\n\n --reactist-alert-tone-critical-icon: #b03d32;\n --reactist-alert-tone-critical-border: rgb(209, 69, 59);\n --reactist-alert-tone-critical-background: rgba(209, 69, 59, 0.1);\n\n /* toasts */\n --reactist-toast-actionable-primary-tint: #39d1ef;\n --reactist-toast-actionable-secondary-tint: #b6c1c3;\n --reactist-toast-actionable-hover-fill: #506063;\n --reactist-toast-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;\n\n /* stacking orders */\n --reactist-stacking-order-modal: 1;\n --reactist-stacking-order-menu: 1;\n --reactist-stacking-order-toast: 400;\n --reactist-stacking-order-tooltip: 1000;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/new-components/menu/menu.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_menulist[role='menu'] {\n min-height: 44px;\n max-height: var(--popover-available-height);\n overflow: auto;\n display: block;\n white-space: nowrap;\n background: hsla(0, 0%, 100%, 0.99);\n outline: none;\n font-size: var(--reactist-font-size-copy);\n padding: 4px 0;\n min-width: 180px;\n border: 1px solid #dcdcdc;\n border-radius: 3px;\n margin: -4px;\n z-index: var(--reactist-stacking-order-menu);\n}\n.reactist_menulist[role='menu'] [role='menuitem'],\n.reactist_menulist[role='menu'] .reactist_menugroup__label {\n user-select: none;\n outline: none;\n text-align: left;\n display: flex;\n align-items: center;\n padding: 5px 10px;\n color: inherit;\n border: none;\n background-color: transparent;\n font-family: var(--reactist-font-family);\n font-size: var(--reactist-font-size-copy);\n}\n.reactist_menulist[role='menu'] .reactist_menugroup__label {\n color: #808080;\n font-size: var(--reactist-font-size-copy);\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button {\n padding-right: 16px;\n}\n.reactist_menulist[role='menu'] .reactist_submenu_button::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 4px 0 4px 6px;\n border-color: transparent #808080;\n display: block;\n width: 0;\n right: 6px;\n}\n.reactist_menulist[role='menu'] [role='menuitem'] {\n width: 100%;\n box-sizing: border-box;\n}\n.reactist_menulist[role='menu'] [role='menuitem']:hover,\n.reactist_menulist[role='menu'] [role='menuitem']:focus,\n.reactist_menulist[role='menu'] [role='menuitem'][aria-expanded='true'] {\n color: #202020;\n background-color: #ececec;\n}\n.reactist_menulist[role='menu'] [role='menuitem'][aria-disabled='true'],\n.reactist_menulist[role='menu'] [role='menuitem']:disabled {\n color: #808080;\n pointer-events: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem'] {\n cursor: default;\n text-decoration: none;\n}\n.reactist_menulist[role='menu'] a[role='menuitem']:hover {\n text-decoration: none;\n}\n.reactist_menulist[role='menu'] [role='menu'] {\n margin-top: -5px;\n}\n.reactist_menulist[role='menu'] hr {\n border: none;\n height: 1px;\n background-color: #dcdcdc;\n margin: 4px 0;\n}\n","",{version:3,sources:["webpack://src/new-components/menu/menu.less"],names:[],mappings:"AAEA;EACI,gBAAA;EACA,2CAAA;EACA,cAAA;EACA,cAAA;EACA,mBAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,cAAA;EACA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,YAAA;EACA,4CAAA;AADJ;AAbA;;EAkBQ,iBAAA;EACA,aAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,iBAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EACA,wCAAA;EACA,yCAAA;AADR;AA3BA;EAgCQ,cAAA;EACA,yCAAA;AAFR;AA/BA;EAqCQ,mBAAA;AAHR;AAlCA;EAyCQ,WAAA;EACA,kBAAA;EACA,mBAAA;EACA,2BAAA;EACA,iCAAA;EACA,cAAA;EACA,QAAA;EACA,UAAA;AAJR;AA5CA;EAoDQ,WAAA;EACA,sBAAA;AALR;AAMQ;;;EAGI,cAAA;EACA,yBAAA;AAJZ;AAMQ;;EAEI,cAAA;EACA,oBAAA;AAJZ;AA3DA;EAoEQ,eAAA;EACA,qBAAA;AANR;AAOQ;EACI,qBAAA;AALZ;AAlEA;EA6EQ,gBAAA;AARR;AArEA;EAiFQ,YAAA;EACA,WAAA;EACA,yBAAA;EACA,aAAA;AATR",sourcesContent:["@import '../../components/styles/constants.less';\n\n.reactist_menulist[role='menu'] {\n min-height: 44px; // minimum accessible target area\n max-height: var(--popover-available-height); // defined by ariakit\n overflow: auto;\n display: block;\n white-space: nowrap;\n background: hsla(0, 100%, 100%, 0.99);\n outline: none;\n font-size: var(--reactist-font-size-copy);\n padding: 4px 0;\n min-width: 180px;\n border: 1px solid @color_border_grey;\n border-radius: 3px;\n margin: -4px; // Required to add spacing between the viewport, used in conjunction with unstable_offset\n z-index: var(--reactist-stacking-order-menu);\n\n [role='menuitem'],\n .reactist_menugroup__label {\n user-select: none;\n outline: none;\n text-align: left;\n display: flex;\n align-items: center;\n padding: 5px 10px;\n color: inherit;\n border: none;\n background-color: transparent;\n font-family: var(--reactist-font-family);\n font-size: var(--reactist-font-size-copy);\n }\n\n .reactist_menugroup__label {\n color: @secondary_font_color;\n font-size: var(--reactist-font-size-copy);\n }\n\n .reactist_submenu_button {\n padding-right: 16px;\n }\n\n .reactist_submenu_button::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 4px 0 4px 6px;\n border-color: transparent @secondary_font_color;\n display: block;\n width: 0;\n right: 6px;\n }\n\n [role='menuitem'] {\n width: 100%;\n box-sizing: border-box;\n &:hover,\n &:focus,\n &[aria-expanded='true'] {\n color: @primary_font_color;\n background-color: @color_grey_10;\n }\n &[aria-disabled='true'],\n &:disabled {\n color: @secondary_font_color;\n pointer-events: none;\n }\n }\n\n a[role='menuitem'] {\n cursor: default;\n text-decoration: none;\n &:hover {\n text-decoration: none;\n }\n }\n\n // sub-menus need to be shifted a bit towards the top to be aligned with its menu item\n [role='menu'] {\n margin-top: -5px;\n }\n\n hr {\n border: none;\n height: 1px;\n background-color: @color_border_grey;\n margin: 4px 0;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/avatar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.avatars .reactist_avatar {\n display: inline-block;\n margin-right: 10px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/avatar_story.less"],names:[],mappings:"AAAA;EACI,qBAAA;EACA,kBAAA;AACJ",sourcesContent:[".story.avatars .reactist_avatar {\n display: inline-block;\n margin-right: 10px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/color-story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".color_swatch {\n width: 32px;\n height: 32px;\n border: 1px solid var(--reactist-divider-secondary);\n border-radius: var(--reactist-border-radius-small);\n}\n.color_swatch__css_variable {\n padding: 4px;\n border-radius: var(--reactist-border-radius-small);\n border: 1px solid var(--reactist-divider-secondary);\n background: var(--reactist-framework-fill-background);\n}\n","",{version:3,sources:["webpack://stories/components/styles/color-story.less"],names:[],mappings:"AAAA;EACI,WAAA;EACA,YAAA;EACA,mDAAA;EACA,kDAAA;AACJ;AAEA;EACI,YAAA;EACA,kDAAA;EACA,mDAAA;EACA,qDAAA;AAAJ",sourcesContent:[".color_swatch {\n width: 32px;\n height: 32px;\n border: 1px solid var(--reactist-divider-secondary);\n border-radius: var(--reactist-border-radius-small);\n}\n\n.color_swatch__css_variable {\n padding: 4px;\n border-radius: var(--reactist-border-radius-small);\n border: 1px solid var(--reactist-divider-secondary);\n background: var(--reactist-framework-fill-background);\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/input_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story-info {\n color: #565d6b;\n font-size: 14px;\n line-height: 1.5;\n margin-bottom: 50px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/input_story.less"],names:[],mappings:"AAAA;EACI,cAAA;EACA,eAAA;EACA,gBAAA;EACA,mBAAA;AACJ",sourcesContent:[".story-info {\n color: rgb(86, 93, 107);\n font-size: 14px;\n line-height: 1.5;\n margin-bottom: 50px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/notification_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".notification-story-notification-dot {\n box-sizing: border-box;\n display: flex;\n width: 22px;\n padding-top: 4px;\n}\n.notification-story-notification-dot:before {\n content: '';\n display: block;\n background-color: #70bc1c;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n}\n.notification-story-notification-container {\n width: 360px;\n max-width: none;\n}\n.notification-story-content {\n margin-left: 10px;\n}\n.notification-story-text {\n text-align: left;\n margin: 0 0 4px 0;\n color: #808080;\n}\n.notification-story-heading {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin: 0;\n color: #de4c4a;\n}\n.notification-story-avatar-container {\n margin-right: 12px;\n}\n","",{version:3,sources:["webpack://stories/components/styles/notification_story.less"],names:[],mappings:"AAEA;EACI,sBAAA;EACA,aAAA;EACA,WAAA;EACA,gBAAA;AADJ;AAGI;EACI,WAAA;EACA,cAAA;EACA,yBAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AADR;AAKA;EACI,YAAA;EACA,eAAA;AAHJ;AAMA;EACI,iBAAA;AAJJ;AAOA;EACI,gBAAA;EACA,iBAAA;EACA,cAAA;AALJ;AAQA;EACI,gBAAA;EACA,aAAA;EACA,8BAAA;EACA,SAAA;EACA,cAAA;AANJ;AASA;EACI,kBAAA;AAPJ",sourcesContent:["@import '../../../src/components/styles/constants.less';\n\n.notification-story-notification-dot {\n box-sizing: border-box;\n display: flex;\n width: 22px;\n padding-top: 4px;\n\n &:before {\n content: '';\n display: block;\n background-color: @color_green;\n width: 8px;\n height: 8px;\n border-radius: 8px;\n }\n}\n\n.notification-story-notification-container {\n width: 360px;\n max-width: none;\n}\n\n.notification-story-content {\n margin-left: 10px;\n}\n\n.notification-story-text {\n text-align: left;\n margin: 0 0 4px 0;\n color: @secondary_font_color;\n}\n\n.notification-story-heading {\n text-align: left;\n display: flex;\n justify-content: space-between;\n margin: 0;\n color: @color_red;\n}\n\n.notification-story-avatar-container {\n margin-right: 12px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/progressbar_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".reactist_progress_bar {\n margin: 10px 0;\n}\n","",{version:3,sources:["webpack://stories/components/styles/progressbar_story.less"],names:[],mappings:"AAAA;EACI,cAAA;AACJ",sourcesContent:[".reactist_progress_bar {\n margin: 10px 0;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,"body {\n font-family: var(--reactist-font-family);\n}\n.story {\n margin: 0 40px 0 40px;\n padding: 20px;\n background-color: white;\n}\n","",{version:3,sources:["webpack://stories/components/styles/story.less"],names:[],mappings:"AAAA;EACI,wCAAA;AACJ;AAEA;EACI,qBAAA;EACA,aAAA;EACA,uBAAA;AAAJ",sourcesContent:["body {\n font-family: var(--reactist-font-family);\n}\n\n.story {\n margin: 0 40px 0 40px;\n padding: 20px;\n background-color: white;\n\n // checkered background\n // @gray: whitesmoke;\n // background-image: linear-gradient(45deg, @gray 25%, transparent 25%), linear-gradient(-45deg, @gray 25%, transparent 25%), linear-gradient(45deg, transparent 75%, @gray 75%), linear-gradient(-45deg, transparent 75%, @gray 75%);\n // background-size: 20px 20px;\n // background-position: 0 0, 0 10px, 10px -10px, -10px 0px;\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./stories/components/styles/time_story.less":function(module,exports,__webpack_require__){var ___CSS_LOADER_EXPORT___=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js")(!0);___CSS_LOADER_EXPORT___.push([module.i,".story.time div span {\n display: inline-block;\n width: 160px;\n text-align: right;\n font-weight: 600;\n margin-right: 16px;\n}\n.story.time div time {\n text-align: left;\n}\n","",{version:3,sources:["webpack://stories/components/styles/time_story.less"],names:[],mappings:"AAAA;EAEQ,qBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,kBAAA;AAAR;AANA;EASQ,gBAAA;AAAR",sourcesContent:[".story.time div {\n span {\n display: inline-block;\n width: 160px;\n text-align: right;\n font-weight: 600;\n margin-right: 16px;\n }\n time {\n text-align: left;\n }\n}\n"],sourceRoot:""}]),module.exports=___CSS_LOADER_EXPORT___},"./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$":function(module,exports,__webpack_require__){var map={"./hooks/use-previous/use-previous.stories.mdx":"./src/hooks/use-previous/use-previous.stories.mdx","./new-components/alert/alert.stories.mdx":"./src/new-components/alert/alert.stories.mdx","./new-components/badge/badge.stories.mdx":"./src/new-components/badge/badge.stories.mdx","./new-components/banner/banner.stories.mdx":"./src/new-components/banner/banner.stories.mdx","./new-components/base-button/base-button.stories.mdx":"./src/new-components/base-button/base-button.stories.mdx","./new-components/box/box.stories.mdx":"./src/new-components/box/box.stories.mdx","./new-components/box/box.stories.tsx":"./src/new-components/box/box.stories.tsx","./new-components/button-link/button-link.stories.mdx":"./src/new-components/button-link/button-link.stories.mdx","./new-components/button/button.stories.mdx":"./src/new-components/button/button.stories.mdx","./new-components/checkbox-field/checkbox-field.stories.mdx":"./src/new-components/checkbox-field/checkbox-field.stories.mdx","./new-components/columns/columns.stories.tsx":"./src/new-components/columns/columns.stories.tsx","./new-components/heading/heading.stories.tsx":"./src/new-components/heading/heading.stories.tsx","./new-components/hidden/hidden.stories.tsx":"./src/new-components/hidden/hidden.stories.tsx","./new-components/inline/inline.stories.tsx":"./src/new-components/inline/inline.stories.tsx","./new-components/loading/loading.stories.mdx":"./src/new-components/loading/loading.stories.mdx","./new-components/menu/menu.stories.mdx":"./src/new-components/menu/menu.stories.mdx","./new-components/modal/modal-docs.stories.mdx":"./src/new-components/modal/modal-docs.stories.mdx","./new-components/modal/modal-examples.stories.tsx":"./src/new-components/modal/modal-examples.stories.tsx","./new-components/notice/notice.stories.mdx":"./src/new-components/notice/notice.stories.mdx","./new-components/password-field/password-field.stories.tsx":"./src/new-components/password-field/password-field.stories.tsx","./new-components/select-field/select-field.stories.tsx":"./src/new-components/select-field/select-field.stories.tsx","./new-components/stack/stack.stories.tsx":"./src/new-components/stack/stack.stories.tsx","./new-components/switch-field/switch-field.stories.mdx":"./src/new-components/switch-field/switch-field.stories.mdx","./new-components/tabs/tabs.stories.mdx":"./src/new-components/tabs/tabs.stories.mdx","./new-components/text-area/text-area.stories.tsx":"./src/new-components/text-area/text-area.stories.tsx","./new-components/text-field/text-field.stories.tsx":"./src/new-components/text-field/text-field.stories.tsx","./new-components/text/text.stories.tsx":"./src/new-components/text/text.stories.tsx","./new-components/toast/toast.stories.tsx":"./src/new-components/toast/toast.stories.tsx","./new-components/tooltip/tooltip.stories.tsx":"./src/new-components/tooltip/tooltip.stories.tsx"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^|\\/|(?:(?:(?!(?:^|\\/)\\.).)*?)\\/)(?!\\.)(?=.)[^/]*?\\.stories\\.(tsx|mdx))$"},"./src/components/color-picker/color-picker.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/color-picker/color-picker.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/deprecated-button.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-button/deprecated-button.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-button/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),tooltip_tooltip=__webpack_require__("./src/new-components/tooltip/tooltip.tsx"),jsx_runtime=(__webpack_require__("./src/components/deprecated-button/deprecated-button.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["type","variant","size","loading","disabled","tooltip","onClick","children"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var deprecated_button_Button=react.forwardRef((function Button(_ref,ref){var _ref$type=_ref.type,type=void 0===_ref$type?"button":_ref$type,variant=_ref.variant,_ref$size=_ref.size,size=void 0===_ref$size?"default":_ref$size,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,tooltip=_ref.tooltip,onClick=_ref.onClick,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),className=classnames_default()("reactist_button",variant?"reactist_button--"+variant:null,"default"!==size?"reactist_button--"+size:null,{"reactist_button--loading":loading},props.className),button=Object(jsx_runtime.jsx)("button",Object.assign({},props,{ref:ref,type:type,className:className,"aria-disabled":disabled||loading,onClick:disabled||loading?void 0:onClick,children:children}));return tooltip?Object(jsx_runtime.jsx)(tooltip_tooltip.a,{content:tooltip,children:button}):button}));deprecated_button_Button.displayName="Button",deprecated_button_Button.defaultProps={size:"default",loading:!1,disabled:!1};try{deprecated_button_Button.displayName="Button",deprecated_button_Button.__docgenInfo={description:"",displayName:"Button",props:{loading:{defaultValue:{value:"false"},description:"Loading style. When true it disables the button, but it also adds a visual indication of\nsome in-progress operation going on.",name:"loading",required:!1,type:{name:"boolean | undefined"}},variant:{defaultValue:null,description:"Controls visually how the button shows up from a predefined set of kinds of buttons.",name:"variant",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"link"'},{value:'"secondary"'},{value:'"danger"'},{value:'"primary"'}]}},size:{defaultValue:{value:"default"},description:"The size of the button. If not provided it shows up in a normal size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"default"'},{value:'"large"'}]}},tooltip:{defaultValue:null,description:"Tooltip that is displayed on hover.\n\nThis replaces `title` which is not supported for these buttons to avoid confusion.",name:"tooltip",required:!1,type:{name:"ReactNode"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/deprecated-button/deprecated-button.tsx#Button"]={docgenInfo:deprecated_button_Button.__docgenInfo,name:"Button",path:"src/components/deprecated-button/deprecated-button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=deprecated_button_Button},"./src/components/deprecated-dropdown/dropdown.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/deprecated-dropdown/dropdown.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/deprecated-dropdown/index.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__("./node_modules/core-js/modules/es.reflect.construct.js"),__webpack_require__("./node_modules/core-js/modules/es.object.create.js"),__webpack_require__("./node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/web.timers.js"),__webpack_require__("./node_modules/core-js/modules/es.object.set-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_dom=__webpack_require__("./node_modules/react-dom/index.js"),react_dom_default=__webpack_require__.n(react_dom),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),deprecated_button=__webpack_require__("./src/components/deprecated-button/index.ts"),jsx_runtime=(__webpack_require__("./src/components/deprecated-dropdown/dropdown.less"),__webpack_require__("./node_modules/react/jsx-runtime.js")),_excluded=["children","onClick","tooltip","className"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _defineProperties(target,props){for(var i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var globalTranslateKey=function globalTranslateKey(key){return key};function translateKeyMac(key){switch(key.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return key}}function parseKeys(shortcut,isMac,translateKey){var t=isMac?translateKeyMac:translateKey,_hasModifiers=function hasModifiers(str){return/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str)}(shortcut);return isMac||(shortcut=shortcut.replace(/\b(mod|cmd)\b/i,"ctrl")),shortcut.split(/\s*\+\s*/).map((function mapIndividualKey(str){return function isSpecialKey(str){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)}(str)?function capitalize(str){return str.charAt(0).toUpperCase()+str.slice(1).toLowerCase()}(t(str)):_hasModifiers&&1===str.length?str.toUpperCase():str}))}function KeyboardShortcut(_ref){var _navigator$platform$t,_navigator$platform,children=_ref.children,className=_ref.className,_ref$translateKey=_ref.translateKey,translateKey=void 0===_ref$translateKey?globalTranslateKey:_ref$translateKey,_ref$isMac=_ref.isMac,isMac=void 0===_ref$isMac?null!==(_navigator$platform$t=null===(_navigator$platform=navigator.platform)||void 0===_navigator$platform?void 0:_navigator$platform.toUpperCase().includes("MAC"))&&void 0!==_navigator$platform$t&&_navigator$platform$t:_ref$isMac,props=_objectWithoutProperties(_ref,_excluded),shortcuts="string"==typeof children?[children]:children;return Object(jsx_runtime.jsx)("span",Object.assign({className:classnames_default()("reactist_keyboard_shortcut",className,{"reactist_keyboard_shortcut--macos":isMac})},props,{children:shortcuts.map((function(shortcut,i){return Object(jsx_runtime.jsxs)(react.Fragment,{children:[0===i?null:", ",Object(jsx_runtime.jsx)("kbd",{children:parseKeys(shortcut,isMac,translateKey).map((function(key,j){return Object(jsx_runtime.jsx)("kbd",{children:key},j)}))})]},i)}))}))}KeyboardShortcut.setTranslateKey=function(tr){globalTranslateKey=tr},KeyboardShortcut.displayName="KeyboardShortcut";try{KeyboardShortcut.displayName="KeyboardShortcut",KeyboardShortcut.__docgenInfo={description:"",displayName:"KeyboardShortcut",props:{children:{defaultValue:null,description:"The shortcut to be represented as markup. It supports an intuitive syntax where you can\ncombine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\nYou can also pass various shortcuts as an array, which will be depicted separated by commas.",name:"children",required:!0,type:{name:"string | string[]"}},translateKey:{defaultValue:{value:"(key: string) => key"},description:"A function that allows you to change how some key names are represented. This may be useful,\nfor instance, to translate modifier names that are expressed differently in other languages\n(e.g. `Ctrl` is named `Strg` in German).\n\nIt defaults to a global version that leaves the key as is. You can pass your version as a\nprop, or you can also set your own version of this global default one, so you don't need to\npass your own on each invocation of this component.\n\n```js\nimport { KeyboardShortcut } from '@doist/reactist'\nKeyboardShortcut.setTranslateKey = key => { ... }\n```\n\nNote: When the component detects the macOS operating system it bypasses key translation for\nmost modifiers and uses macOS-specific symbols. See the `isMac` prop for details.",name:"translateKey",required:!1,type:{name:"((key: string) => string) | undefined"}},isMac:{defaultValue:{value:"navigator.platform?.toUpperCase().includes('MAC') ?? false"},description:"This prop is not meant to be passed. The component will automatically initialize it to `true`\nif it detects that the current browser / operating system is on macOS, in which case modifier\nkeys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n\nThough it is discouraged, if you don't want this special treatment in macOS, you can pass\n`isMac={false}` in all invocations of this component.",name:"isMac",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"]={docgenInfo:KeyboardShortcut.__docgenInfo,name:"KeyboardShortcut",path:"src/components/keyboard-shortcut/keyboard-shortcut.tsx#KeyboardShortcut"})}catch(__react_docgen_typescript_loader_error){}__webpack_exports__.a=KeyboardShortcut},"./src/components/keyboard-shortcut/keyboard-shortcut.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/keyboard-shortcut/keyboard-shortcut.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/progress-bar/progress-bar.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/progress-bar/progress-bar.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/components/time/time.less":function(module,exports,__webpack_require__){var content=__webpack_require__("./node_modules/css-loader/dist/cjs.js?!./node_modules/less-loader/dist/cjs.js!./src/components/time/time.less");"string"==typeof content&&(content=[[module.i,content,""]]);var options={hmr:!0,transform:undefined,insertInto:void 0};__webpack_require__("./node_modules/style-loader/lib/addStyles.js")(content,options);content.locals&&(module.exports=content.locals)},"./src/hooks/use-previous/use-previous.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_use_previous__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/hooks/use-previous/use-previous.ts"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"usePrevious"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"usePrevious")," tracks the change of the given value - when a given value has been changed\nfrom a previous call, it will return the value prior to the change."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre",className:"language-TypeScript"},"import { usePrevious } from '@doist/reactist'\n\nconst [x, setX] = useState(1)\nconst prevX = usePrevious(x)\n\nsetX(2)\n\nconsole.log(x) // -> 2\nconsole.log(prevX) // -> 1\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Hooks/usePrevious",component:_use_previous__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/hooks/use-previous/use-previous.ts":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return usePrevious}));var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/react/index.js");function usePrevious(value){var ref=react__WEBPACK_IMPORTED_MODULE_0__.useRef(null);return react__WEBPACK_IMPORTED_MODULE_0__.useEffect((function(){ref.current=value}),[value]),ref.current}},"./src/new-components/alert/alert.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/alert/alert.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/alert/alert.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"getContent",(function(){return getContent})),__webpack_require__.d(__webpack_exports__,"AlertWrapper",(function(){return AlertWrapper})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_text__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./src/new-components/text/text.tsx"),_stack__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__("./src/new-components/stack/stack.tsx"),_alert__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__("./src/new-components/alert/alert.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function getContent(content){return"long"===content?"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit.":"short"===content?"Lorem ipsum dolor sit amet.":Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_text__WEBPACK_IMPORTED_MODULE_9__.a,{mdxType:"Text"},"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non gravida lacus. Sed sit amet congue diam, ac ultrices elit."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_text__WEBPACK_IMPORTED_MODULE_9__.a,{mdxType:"Text"},"Suspendisse at neque leo. Duis facilisis nulla non lectus malesuada, vitae scelerisque massa hendrerit. Nulla lacinia luctus risus, dapibus semper turpis vestibulum eu."))}function AlertWrapper(_ref){var tone=_ref.tone,content=_ref.content;return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_alert__WEBPACK_IMPORTED_MODULE_11__.a,{tone:tone,closeLabel:"Close",onClose:function onClose(){},mdxType:"Alert"},getContent(content))}function Template(_ref2){var tone=_ref2.tone,content=_ref2.content,closeLabel=_ref2.closeLabel,text=getContent(content);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",maxWidth:"medium",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_alert__WEBPACK_IMPORTED_MODULE_11__.a,{tone:tone,mdxType:"Alert"},text),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_alert__WEBPACK_IMPORTED_MODULE_11__.a,{tone:tone,closeLabel:closeLabel,onClose:function onClose(){},mdxType:"Alert"},text))}AlertWrapper.displayName="AlertWrapper",Template.displayName="Template";var layoutProps={getContent:getContent,AlertWrapper:AlertWrapper,Template:Template};function MDXContent(_ref3){var components=_ref3.components,props=_objectWithoutProperties(_ref3,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.e,{title:"Design system/Alert",component:_alert__WEBPACK_IMPORTED_MODULE_11__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h1",null,"Alert"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("p",null,"A simple Alert component."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.f,{name:"Main demo",parameters:{docs:{source:{type:"code"}},chromatic:{disableSnapshot:!1}},mdxType:"Story"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"xxlarge",mdxType:"Stack"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large",mdxType:"Stack"},["info","positive","caution","critical"].map((function(tone){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(AlertWrapper,{tone:tone,content:"longer",mdxType:"AlertWrapper"})})))))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("h2",null,"Playground"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.c,{mdxType:"Canvas"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.f,{name:"Playground",parameters:{docs:{source:{type:"code"}}},argTypes:{content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},mdxType:"Story"},Template.bind({}))),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)("hr",null),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.d,{of:_alert__WEBPACK_IMPORTED_MODULE_11__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.b,{of:_alert__WEBPACK_IMPORTED_MODULE_11__.a,mdxType:"ArgsTable"}))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=function mainDemo(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"xxlarge"},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_stack__WEBPACK_IMPORTED_MODULE_10__.a,{space:"large"},["info","positive","caution","critical"].map((function(tone){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(AlertWrapper,{tone:tone,content:"longer"})}))))};mainDemo.displayName="mainDemo",mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:"\n \n {['info', 'positive', 'caution', 'critical'].map(tone => )}\n \n "}},{docs:{source:{type:"code"}},chromatic:{disableSnapshot:!1}});var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={content:{control:{type:"inline-radio"},options:["short","long","longer"],defaultValue:"short"},tone:{options:["info","positive","caution","critical"],control:{type:"inline-radio"},defaultValue:"info"},closeLabel:{control:{type:"text"},defaultValue:"Close"},id:{control:!1},onClose:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var componentMeta={title:"Design system/Alert",parameters:{badges:["accessible"]},component:_alert__WEBPACK_IMPORTED_MODULE_11__.a,includeStories:["mainDemo","playground"]},mdxStoryNameToKey={"Main demo":"mainDemo",Playground:"playground"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_8__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_7__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/alert/alert.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Alert}));var _responsive_props__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./src/new-components/responsive-props.ts"),_box__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./src/new-components/box/box.tsx"),_button__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/new-components/button/button.tsx"),_columns__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/columns/columns.tsx"),_icons_alert_icon__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/icons/alert-icon.tsx"),_icons_close_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/icons/close-icon.tsx"),_alert_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/alert/alert.module.css"),_alert_module_css__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_alert_module_css__WEBPACK_IMPORTED_MODULE_6__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./node_modules/react/jsx-runtime.js");function Alert(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,closeLabel=_ref.closeLabel,onClose=_ref.onClose;return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_1__.a,{id:id,role:"alert","aria-live":"polite",borderRadius:"standard",className:[_alert_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.container,Object(_responsive_props__WEBPACK_IMPORTED_MODULE_0__.a)(_alert_module_css__WEBPACK_IMPORTED_MODULE_6___default.a,"tone",tone)],children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(_columns__WEBPACK_IMPORTED_MODULE_3__.b,{space:"small",alignY:"top",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_icons_alert_icon__WEBPACK_IMPORTED_MODULE_4__.a,{tone:tone})}),Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_3__.a,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_box__WEBPACK_IMPORTED_MODULE_1__.a,{paddingY:"xsmall",paddingRight:null!=onClose&&null!=closeLabel?void 0:"small",children:children})}),null!=onClose&&null!=closeLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_columns__WEBPACK_IMPORTED_MODULE_3__.a,{width:"content",children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_button__WEBPACK_IMPORTED_MODULE_2__.a,{variant:"quaternary",size:"small",onClick:onClose,"aria-label":closeLabel,icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_icons_close_icon__WEBPACK_IMPORTED_MODULE_5__.a,{}),style:{"--reactist-btn-hover-fill":"transparent"}})}):null]})})}Alert.displayName="Alert";try{Alert.displayName="Alert",Alert.__docgenInfo={description:"",displayName:"Alert",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"caution"'},{value:'"critical"'}]}},closeLabel:{defaultValue:null,description:"",name:"closeLabel",required:!1,type:{name:"string | undefined"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!1,type:{name:"(() => void) | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/alert/alert.tsx#Alert"]={docgenInfo:Alert.__docgenInfo,name:"Alert",path:"src/new-components/alert/alert.tsx#Alert"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/avatar/avatar.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/avatar/avatar.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/avatar/avatar.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return Avatar}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.string.split.js"),__webpack_require__("./node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("./node_modules/core-js/modules/es.string.trim.js");function getInitials(name){var _initials;if(!name)return"";var seed=name.trim().split(" "),firstInitial=seed[0],lastInitial=seed[seed.length-1],initials=null==firstInitial?void 0:firstInitial[0];return null!=firstInitial&&null!=lastInitial&&null!=initials&&firstInitial[0]!==lastInitial[0]&&(initials+=lastInitial[0]),null===(_initials=initials)||void 0===_initials?void 0:_initials.toUpperCase()}var responsive_props=__webpack_require__("./src/new-components/responsive-props.ts"),avatar_module=__webpack_require__("./src/new-components/avatar/avatar.module.css"),avatar_module_default=__webpack_require__.n(avatar_module),box=__webpack_require__("./src/new-components/box/box.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["user","avatarUrl","size","className","colorList","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var AVATAR_COLORS=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"];function Avatar(_ref){var email,maxIndex,seed,user=_ref.user,avatarUrl=_ref.avatarUrl,_ref$size=_ref.size,size=void 0===_ref$size?"l":_ref$size,className=_ref.className,_ref$colorList=_ref.colorList,colorList=void 0===_ref$colorList?AVATAR_COLORS:_ref$colorList,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded),userInitials=getInitials(user.name)||getInitials(user.email),avatarSize=size||"l",style=avatarUrl?{backgroundImage:"url("+avatarUrl+")",textIndent:"-9999px"}:{backgroundColor:colorList[(email=user.email,maxIndex=colorList.length,seed=email.split("@")[0],(seed&&seed.charCodeAt(0)+seed.charCodeAt(seed.length-1)||0)%maxIndex)]},sizeClassName=Object(responsive_props.a)(avatar_module_default.a,"size",avatarSize);return Object(jsx_runtime.jsx)(box.a,Object.assign({className:[className,avatar_module_default.a.avatar,sizeClassName,exceptionallySetClassName],style:style},props,{children:userInitials}))}Avatar.displayName="Avatar",Avatar.displayName="Avatar";try{Avatar.displayName="Avatar",Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{className:{defaultValue:null,description:"@deprecated Please use `exceptionallySetClassName`",name:"className",required:!1,type:{name:"string | undefined"}},exceptionallySetClassName:{defaultValue:null,description:"",name:"exceptionallySetClassName",required:!1,type:{name:"string | undefined"}},colorList:{defaultValue:{value:"[\n '#fcc652',\n '#e9952c',\n '#e16b2d',\n '#d84b40',\n '#e8435a',\n '#e5198a',\n '#ad3889',\n '#86389c',\n '#a8a8a8',\n '#98be2f',\n '#5d9d50',\n '#5f9f85',\n '#5bbcb6',\n '#32a3bf',\n '#2bafeb',\n '#2d88c3',\n '#3863cc',\n '#5e5e5e',\n]"},description:"@deprecated",name:"colorList",required:!1,type:{name:"string[] | undefined"}},size:{defaultValue:{value:"l"},description:"",name:"size",required:!1,type:{name:"ResponsiveProp | undefined"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string | undefined"}},user:{defaultValue:null,description:"",name:"user",required:!0,type:{name:"{ name?: string | undefined; email: string; }"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/avatar/avatar.tsx#Avatar"]={docgenInfo:Avatar.__docgenInfo,name:"Avatar",path:"src/new-components/avatar/avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/badge/badge.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/badge/badge.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/badge/badge.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"PlaygroundTemplate",(function(){return PlaygroundTemplate})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return mainDemo})),__webpack_require__.d(__webpack_exports__,"insideOtherElements",(function(){return badge_stories_insideOtherElements})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),button_button=__webpack_require__("./src/new-components/button/button.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),polymorphism=__webpack_require__("./src/utils/polymorphism.ts"),text_link_module=__webpack_require__("./src/new-components/text-link/text-link.module.css"),text_link_module_default=__webpack_require__.n(text_link_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","openInNewTab","exceptionallySetClassName"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var text_link_TextLink=Object(polymorphism.a)((function TextLink(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"a":_ref$as,_ref$openInNewTab=_ref.openInNewTab,openInNewTab=void 0!==_ref$openInNewTab&&_ref$openInNewTab,exceptionallySetClassName=_ref.exceptionallySetClassName,props=_objectWithoutProperties(_ref,_excluded);return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:as,display:"inline",className:[exceptionallySetClassName,text_link_module_default.a.container],ref:ref,target:openInNewTab?"_blank":void 0,rel:openInNewTab?"noopener noreferrer":void 0}))})),text_text=__webpack_require__("./src/new-components/text/text.tsx"),badge_module=__webpack_require__("./src/new-components/badge/badge.module.css"),badge_module_default=__webpack_require__.n(badge_module),badge_excluded=["tone","label"];function badge_objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function badge_objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Badge(_ref){var tone=_ref.tone,label=_ref.label,props=badge_objectWithoutProperties(_ref,badge_excluded);return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{as:"span",display:"inline",className:[badge_module_default.a.badge,badge_module_default.a["badge-"+tone]],children:label}))}Badge.displayName="Badge";try{Badge.displayName="Badge",Badge.__docgenInfo={description:"",displayName:"Badge",props:{label:{defaultValue:null,description:"The label to show inside the badge element.",name:"label",required:!0,type:{name:"string"}},tone:{defaultValue:null,description:"The tone of the badge.",name:"tone",required:!0,type:{name:"enum",value:[{value:'"positive"'},{value:'"info"'},{value:'"promote"'},{value:'"attention"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/badge/badge.tsx#Badge"]={docgenInfo:Badge.__docgenInfo,name:"Badge",path:"src/new-components/badge/badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}var badge_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function PlaygroundTemplate(){return Object(esm.b)(columns.b,{space:"xxlarge",mdxType:"Columns"},Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Tone"),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"info",label:"Info",mdxType:"Badge"})),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"positive",label:"Positive",mdxType:"Badge"})),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"promote",label:"Promote",mdxType:"Badge"})),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"attention",label:"Attention",mdxType:"Badge"})))),Object(esm.b)(columns.a,{width:"content",mdxType:"Column"},Object(esm.b)(stack.a,{space:"medium",mdxType:"Stack"},Object(esm.b)(text_text.a,{mdxType:"Text"},"Example"),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"info",label:"Upgrade",mdxType:"Badge"})),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"positive",label:"New",mdxType:"Badge"})),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"promote",label:"Beta",mdxType:"Badge"})),Object(esm.b)("div",null,Object(esm.b)(Badge,{tone:"attention",label:"Save 25%",mdxType:"Badge"})))))}function DarkModeTemplate(){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"#202020","--reactist-content-primary":"rgba(255, 255, 255, 0.88)","--reactist-badge-info-tint":"#B3B3B3","--reactist-badge-info-fill":"#363636","--reactist-badge-positive-tint":"#08A531","--reactist-badge-positive-fill":"#19231B","--reactist-badge-promote-tint":"#FF8C1A","--reactist-badge-promote-fill":"#412A06","--reactist-badge-attention-tint":"#CF473A","--reactist-badge-attention-fill":"#351E1C"},mdxType:"Box"},Object(esm.b)(PlaygroundTemplate,{mdxType:"PlaygroundTemplate"}))}PlaygroundTemplate.displayName="PlaygroundTemplate",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={PlaygroundTemplate:PlaygroundTemplate,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref){var components=_ref.components,props=badge_stories_objectWithoutProperties(_ref,badge_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Badge",component:Badge,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Badge"),Object(esm.b)("p",null,"A badge used to bring attention to a particular UI element or functionality."),Object(esm.b)("p",null,"The use of variants does not provide extra semantic meaning and is strictly visual. Ensure your content provides the necessary context for users by using the ",Object(esm.b)("inlineCode",{parentName:"p"},"aria-label")," prop if needed."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{name:"Main demo",parameters:{docs:{source:{type:"dynamic"}},chromatic:{disableSnapshot:!1}},mdxType:"Story"},PlaygroundTemplate.bind({}))),Object(esm.b)("h2",null,"Inside other elements"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{name:"Inside other elements",parameters:{docs:{source:{type:"dynamic"}},chromatic:{disableSnapshot:!1}},mdxType:"Story"},Object(esm.b)(stack.a,{space:"medium",paddingX:"medium",mdxType:"Stack"},Object(esm.b)(box.a,{marginX:"-large",mdxType:"Box"},Object(esm.b)(button_button.a,{variant:"secondary",size:"large",mdxType:"Button"},"Reminders ",Object(esm.b)(Badge,{tone:"promote",label:"Pro",mdxType:"Badge"}))),Object(esm.b)("div",null,"You can have badges inside"," ",Object(esm.b)(text_link_TextLink,{mdxType:"TextLink"},"links ",Object(esm.b)(Badge,{tone:"info",label:"New",mdxType:"Badge"})))))),Object(esm.b)("h2",null,"Props"),Object(esm.b)(dist_esm.b,{of:Badge,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available to customize the badge component appearance. The values appearing below are the default values."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},":root {\n --reactist-badge-font-size: 10px;\n\n --reactist-badge-info-tint: #666666;\n --reactist-badge-info-fill: #eeeeee;\n\n --reactist-badge-positive-tint: #058527;\n --reactist-badge-positive-fill: #e0f0e3;\n\n --reactist-badge-promote-tint: #8f4700;\n --reactist-badge-promote-fill: #faead1;\n\n --reactist-badge-attention-tint: #cf473a;\n --reactist-badge-attention-fill: #f9e3e2;\n}\n")),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can prepare badges for dark mode by setting CSS custom\nproperties."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{name:"Dark mode",parameters:{docs:{source:{type:"dynamic"}}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var mainDemo=PlaygroundTemplate.bind({});mainDemo.storyName="Main demo",mainDemo.parameters=Object.assign({storySource:{source:"PlaygroundTemplate.bind({})"}},{docs:{source:{type:"dynamic"}},chromatic:{disableSnapshot:!1}});var badge_stories_insideOtherElements=function insideOtherElements(){return Object(esm.b)(stack.a,{space:"medium",paddingX:"medium"},Object(esm.b)(box.a,{marginX:"-large"},Object(esm.b)(button_button.a,{variant:"secondary",size:"large"},"Reminders ",Object(esm.b)(Badge,{tone:"promote",label:"Pro"}))),Object(esm.b)("div",null,"You can have badges inside"," ",Object(esm.b)(text_link_TextLink,null,"links ",Object(esm.b)(Badge,{tone:"info",label:"New"}))))};badge_stories_insideOtherElements.displayName="insideOtherElements",badge_stories_insideOtherElements.storyName="Inside other elements",badge_stories_insideOtherElements.parameters=Object.assign({storySource:{source:'\n \n \n \n
\n You can have badges inside{\' \'}\n \n links \n \n
\n
'}},{docs:{source:{type:"dynamic"}},chromatic:{disableSnapshot:!1}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}}});var componentMeta={title:"Design system/Badge",parameters:{badges:["accessible"]},component:Badge,includeStories:["mainDemo","insideOtherElements","darkMode"]},mdxStoryNameToKey={"Main demo":"mainDemo","Inside other elements":"insideOtherElements","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/banner/banner.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/banner/banner.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/banner/banner.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"Icon",(function(){return Icon})),__webpack_require__.d(__webpack_exports__,"StarIcon",(function(){return StarIcon})),__webpack_require__.d(__webpack_exports__,"ArchiveIcon",(function(){return ArchiveIcon})),__webpack_require__.d(__webpack_exports__,"EyeIcon",(function(){return EyeIcon})),__webpack_require__.d(__webpack_exports__,"getButton",(function(){return getButton})),__webpack_require__.d(__webpack_exports__,"Template",(function(){return Template})),__webpack_require__.d(__webpack_exports__,"BannerExamples",(function(){return BannerExamples})),__webpack_require__.d(__webpack_exports__,"DarkModeTemplate",(function(){return DarkModeTemplate})),__webpack_require__.d(__webpack_exports__,"playground",(function(){return playground})),__webpack_require__.d(__webpack_exports__,"mainDemo",(function(){return banner_stories_mainDemo})),__webpack_require__.d(__webpack_exports__,"darkMode",(function(){return darkMode}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("./node_modules/core-js/modules/es.function.bind.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("./node_modules/react/index.js"),react_default=__webpack_require__.n(react),esm=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),dist_esm=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),box=__webpack_require__("./src/new-components/box/box.tsx"),stack=__webpack_require__("./src/new-components/stack/stack.tsx"),columns=__webpack_require__("./src/new-components/columns/columns.tsx"),common_helpers=__webpack_require__("./src/new-components/common-helpers.ts"),banner_module=__webpack_require__("./src/new-components/banner/banner.module.css"),banner_module_default=__webpack_require__.n(banner_module),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["id","tone","icon","title","description","action"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var banner_Banner=react.forwardRef((function Banner(_ref,ref){var id=_ref.id,tone=_ref.tone,icon=_ref.icon,title=_ref.title,description=_ref.description,action=_ref.action,props=_objectWithoutProperties(_ref,_excluded),titleId=Object(common_helpers.b)(),descriptionId=Object(common_helpers.b)();return Object(jsx_runtime.jsx)(box.a,Object.assign({},props,{ref:ref,id:id,role:"status","aria-labelledby":titleId,"aria-describedby":descriptionId,"aria-live":"polite",tabIndex:0,borderRadius:"standard",className:[banner_module_default.a.banner,banner_module_default.a["banner-"+tone]],children:Object(jsx_runtime.jsxs)(columns.b,{space:"medium",alignY:"center",children:[Object(jsx_runtime.jsx)(columns.a,{width:"content","aria-hidden":!0,style:{lineHeight:0},children:icon}),Object(jsx_runtime.jsx)(columns.a,{children:Object(jsx_runtime.jsxs)(box.a,{paddingY:"xsmall",children:[description?Object(jsx_runtime.jsx)(box.a,{id:titleId,className:[banner_module_default.a.title,banner_module_default.a["title-"+tone]],children:title}):Object(jsx_runtime.jsx)(box.a,{id:titleId,className:[banner_module_default.a.title,banner_module_default.a["title-without-description"],banner_module_default.a["title-"+tone]],children:title}),description?Object(jsx_runtime.jsx)(box.a,{id:descriptionId,className:[banner_module_default.a.description,banner_module_default.a["description-"+tone]],children:description}):null]})}),action?Object(jsx_runtime.jsx)(columns.a,{width:"content",children:action}):null]})}))}));try{banner_Banner.displayName="Banner",banner_Banner.__docgenInfo={description:"",displayName:"Banner",props:{id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string | undefined"}},tone:{defaultValue:null,description:"The tone of the Banner. Affects the background color and the outline.",name:"tone",required:!0,type:{name:"enum",value:[{value:'"info"'},{value:'"promotion"'}]}},icon:{defaultValue:null,description:"The icon that should be added inside the Banner.",name:"icon",required:!0,type:{name:"ReactChild"}},title:{defaultValue:null,description:"The title to be displayed at the top of the Banner.",name:"title",required:!0,type:{name:"ReactNode"}},description:{defaultValue:null,description:"An optional description to be displayed inside the Banner.",name:"description",required:!1,type:{name:"ReactNode"}},action:{defaultValue:null,description:"An optional action to displayed inside the Banner.",name:"action",required:!1,type:{name:"ReactChild | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/banner/banner.tsx#Banner"]={docgenInfo:banner_Banner.__docgenInfo,name:"Banner",path:"src/new-components/banner/banner.tsx#Banner"})}catch(__react_docgen_typescript_loader_error){}var button_link=__webpack_require__("./src/new-components/button-link/button-link.tsx"),banner_stories_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function Icon(theme){return Object(esm.b)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24"},Object(esm.b)("path",{fill:"currentColor",d:"M6 6.653a1 1 0 011.464-.886l10.246 5.37a1 1 0 01-.002 1.773L7.46 18.24a1 1 0 01-1.461-.887V13l6.96-.674a.328.328 0 000-.652L6 11V6.653z"}))}function StarIcon(theme){return Object(esm.b)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(esm.b)("path",{d:"M11.9997 17.4304L8.48791 19.4906C7.89247 19.8399 7.12657 19.6404 6.77724 19.045C6.61617 18.7704 6.56591 18.4448 6.6367 18.1344L7.52932 14.2213L4.49511 11.5877C3.97375 11.1352 3.91795 10.3457 4.37047 9.82438C4.58187 9.58082 4.87924 9.42839 5.2004 9.39896L9.23683 9.02908L10.8538 5.31935C11.1296 4.68649 11.8662 4.39708 12.4991 4.67291C12.7885 4.79904 13.0194 5.02998 13.1455 5.31935L14.7625 9.02908L18.7989 9.39896C19.4864 9.46196 19.9926 10.0703 19.9296 10.7578C19.9002 11.079 19.7478 11.3763 19.5042 11.5877L16.47 14.2213L17.3626 18.1344C17.5161 18.8075 17.095 19.4776 16.4219 19.6311C16.1116 19.7019 15.7859 19.6517 15.5114 19.4906L11.9997 17.4304Z",fill:"#EB8909"}))}function ArchiveIcon(theme){return"dark"===theme?Object(esm.b)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(esm.b)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 4.50024H19C20.1046 4.50024 21 5.39567 21 6.50024V8.50024H3V6.50024C3 5.39567 3.89543 4.50024 5 4.50024ZM4 9.50024V18.5002C4 19.6048 4.89543 20.5002 6 20.5002H18C19.1046 20.5002 20 19.6048 20 18.5002V9.50024H4ZM9.5 11.5002C9.22386 11.5002 9 11.7241 9 12.0002C9 12.2764 9.22386 12.5002 9.5 12.5002H14.5C14.7761 12.5002 15 12.2764 15 12.0002C15 11.7241 14.7761 11.5002 14.5 11.5002H9.5Z",fill:"white","fill-opacity":"0.56"})):Object(esm.b)("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(esm.b)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M5 4.50024H19C20.1046 4.50024 21 5.39567 21 6.50024V8.50024H3V6.50024C3 5.39567 3.89543 4.50024 5 4.50024ZM4 9.50024V18.5002C4 19.6048 4.89543 20.5002 6 20.5002H18C19.1046 20.5002 20 19.6048 20 18.5002V9.50024H4ZM9.5 11.5002C9.22386 11.5002 9 11.7241 9 12.0002C9 12.2764 9.22386 12.5002 9.5 12.5002H14.5C14.7761 12.5002 15 12.2764 15 12.0002C15 11.7241 14.7761 11.5002 14.5 11.5002H9.5Z",fill:"#666666"}))}function EyeIcon(theme){return"dark"===theme?Object(esm.b)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(esm.b)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.5068 12.6329C5.97444 16.8778 9.13888 19.0002 12.0001 19.0002C14.8613 19.0002 18.0258 16.8778 21.4934 12.6329C21.7941 12.2647 21.7941 11.7358 21.4934 11.3676C18.0258 7.1227 14.8613 5.00024 12.0001 5.00024C9.13888 5.00024 5.97444 7.1227 2.5068 11.3676C2.20607 11.7358 2.20607 12.2647 2.5068 12.6329ZM15.5001 12.0002C15.5001 13.9332 13.9331 15.5002 12.0001 15.5002C10.0671 15.5002 8.5001 13.9332 8.5001 12.0002C8.5001 10.0672 10.0671 8.50024 12.0001 8.50024C13.9331 8.50024 15.5001 10.0672 15.5001 12.0002Z",fill:"white","fill-opacity":"0.56"})):Object(esm.b)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Object(esm.b)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.5068 12.6329C5.97444 16.8778 9.13888 19.0002 12.0001 19.0002C14.8613 19.0002 18.0258 16.8778 21.4934 12.6329C21.7941 12.2647 21.7941 11.7358 21.4934 11.3676C18.0258 7.1227 14.8613 5.00024 12.0001 5.00024C9.13888 5.00024 5.97444 7.1227 2.5068 11.3676C2.20607 11.7358 2.20607 12.2647 2.5068 12.6329ZM15.5001 12.0002C15.5001 13.9332 13.9331 15.5002 12.0001 15.5002C10.0671 15.5002 8.5001 13.9332 8.5001 12.0002C8.5001 10.0672 10.0671 8.50024 12.0001 8.50024C13.9331 8.50024 15.5001 10.0672 15.5001 12.0002Z",fill:"#666666"}))}function getButton(buttonText){return Object(esm.b)(button_link.a,{variant:"primary",tone:"destructive",mdxType:"ButtonLink"},buttonText)}function Template(_ref){var tone=_ref.tone,title=_ref.title,description=_ref.description,action=_ref.action;return Object(esm.b)(stack.a,{space:"large",maxWidth:"medium",mdxType:"Stack"},Object(esm.b)(banner_Banner,{tone:tone,icon:Icon(),title:title,description:description,action:action,mdxType:"Banner"}))}function BannerExamples(_ref2){var theme=_ref2.theme;return Object(esm.b)(stack.a,{space:"medium",align:"start",mdxType:"Stack"},Object(esm.b)(stack.a,{space:"large",mdxType:"Stack"},Object(esm.b)(banner_Banner,{tone:"promotion",icon:StarIcon(),title:"Need more projects?",description:Object(esm.b)(react_default.a.Fragment,null,"This workspace has used 5 of its 5 project limit. Upgrade to Pro for more."),action:getButton("Upgrade"),mdxType:"Banner"}),Object(esm.b)(banner_Banner,{tone:"info",icon:ArchiveIcon(theme),title:"This project is archived.",description:Object(esm.b)(react_default.a.Fragment,null,"Members can ",Object(esm.b)("strong",null,"view")," but not edit."),action:getButton("Unarchive project"),mdxType:"Banner"}),Object(esm.b)(banner_Banner,{tone:"info",icon:ArchiveIcon(theme),title:"This project is archived.",description:Object(esm.b)(react_default.a.Fragment,null,"Members can ",Object(esm.b)("strong",null,"view")," but not edit."),mdxType:"Banner"}),Object(esm.b)(banner_Banner,{tone:"info",icon:EyeIcon(theme),title:"Youʼre previewing this project.",action:getButton("Join project"),mdxType:"Banner"})))}function DarkModeTemplate(){return Object(esm.b)(box.a,{padding:"xlarge",style:{backgroundColor:"#202020","--reactist-banner-info-border":"#3D3D3D","--reactist-banner-info-background":"#282828","--reactist-banner-info-title":"#FFFFFF","--reactist-banner-info-description":"#B3B3B3","--reactist-banner-promotion-border":"#553707","--reactist-banner-promotion-background":"#412A06","--reactist-banner-promotion-title":"#FFFFFF","--reactist-banner-promotion-description":"#B3B3B3"},mdxType:"Box"},Object(esm.b)(BannerExamples,{theme:"dark",mdxType:"BannerExamples"}))}Icon.displayName="Icon",StarIcon.displayName="StarIcon",ArchiveIcon.displayName="ArchiveIcon",EyeIcon.displayName="EyeIcon",getButton.displayName="getButton",Template.displayName="Template",BannerExamples.displayName="BannerExamples",DarkModeTemplate.displayName="DarkModeTemplate";var layoutProps={Icon:Icon,StarIcon:StarIcon,ArchiveIcon:ArchiveIcon,EyeIcon:EyeIcon,getButton:getButton,Template:Template,BannerExamples:BannerExamples,DarkModeTemplate:DarkModeTemplate};function MDXContent(_ref3){var components=_ref3.components,props=banner_stories_objectWithoutProperties(_ref3,banner_stories_excluded);return Object(esm.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(esm.b)(dist_esm.e,{title:"Design system/Banner",component:banner_Banner,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(esm.b)("h1",null,"Banner"),Object(esm.b)("p",null,"A simple banner component meant to be used to ",Object(esm.b)("em",{parentName:"p"},"inform")," the user of promotional content or disclaimers."),Object(esm.b)("p",null,"If you're intending to ",Object(esm.b)("em",{parentName:"p"},"alert")," the user of a certain error or warning condition, consider using the ",Object(esm.b)("inlineCode",{parentName:"p"},"Alert")," component instead."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{name:"Playground",parameters:{docs:{source:{type:"code"}}},argTypes:{tone:{options:["info","promotion"],control:{type:"inline-radio"},defaultValue:"info"},icon:{control:!1},title:{control:{type:"text"},defaultValue:"Title of the Banner"},description:{control:{type:"text"},defaultValue:"Description of the Banner."},action:{control:!1},id:{control:!1}},mdxType:"Story"},Template.bind({}))),Object(esm.b)("h2",null,"Examples"),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{name:"Main demo",parameters:{docs:{source:{type:"code"}},chromatic:{disableSnapshot:!1}},mdxType:"Story"},Object(esm.b)(BannerExamples,{theme:"light",mdxType:"BannerExamples"}))),Object(esm.b)("h2",null,"Props"),Object(esm.b)(dist_esm.b,{of:banner_Banner,mdxType:"ArgsTable"}),Object(esm.b)("h2",null,"Colors"),Object(esm.b)("p",null,"The following CSS custom properties are available to customize the banner component appearance. The values appearing below are the default values."),Object(esm.b)("pre",null,Object(esm.b)("code",{parentName:"pre",className:"language-css"},':root {\n // tone="info"\n --reactist-banner-info-background: #eeeeee;\n --reactist-banner-info-border: #fafafa;\n --reactist-banner-info-title: #202020;\n --reactist-banner-info-description: #666666;\n\n // tone="promotion"\n --reactist-banner-promotion-border: #fae8d6;\n --reactist-banner-promotion-background: #fffaf4;\n --reactist-banner-promotion-title: #202020;\n --reactist-banner-promotion-description: #666666;\n}\n')),Object(esm.b)("h3",null,"Dark mode"),Object(esm.b)("p",null,"Even though Reactist does not yet owns the concept of dark mode, and leaves it for apps to set it\nup, here's a demo on how easily you can prepare banners for dark mode by setting CSS custom\nproperties."),Object(esm.b)(dist_esm.c,{mdxType:"Canvas"},Object(esm.b)(dist_esm.f,{name:"Dark mode",parameters:{docs:{source:{type:"dynamic"}},chromatic:{disableSnapshot:!1}},mdxType:"Story"},DarkModeTemplate.bind({}))))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var playground=Template.bind({});playground.storyName="Playground",playground.argTypes={tone:{options:["info","promotion"],control:{type:"inline-radio"},defaultValue:"info"},icon:{control:!1},title:{control:{type:"text"},defaultValue:"Title of the Banner"},description:{control:{type:"text"},defaultValue:"Description of the Banner."},action:{control:!1},id:{control:!1}},playground.parameters=Object.assign({storySource:{source:"Template.bind({})"}},{docs:{source:{type:"code"}}});var banner_stories_mainDemo=function mainDemo(){return Object(esm.b)(BannerExamples,{theme:"light"})};banner_stories_mainDemo.displayName="mainDemo",banner_stories_mainDemo.storyName="Main demo",banner_stories_mainDemo.parameters=Object.assign({storySource:{source:''}},{docs:{source:{type:"code"}},chromatic:{disableSnapshot:!1}});var darkMode=DarkModeTemplate.bind({});darkMode.storyName="Dark mode",darkMode.parameters=Object.assign({storySource:{source:"DarkModeTemplate.bind({})"}},{docs:{source:{type:"dynamic"}},chromatic:{disableSnapshot:!1}});var componentMeta={title:"Design system/Banner",parameters:{badges:["accessible"]},component:banner_Banner,includeStories:["playground","mainDemo","darkMode"]},mdxStoryNameToKey={Playground:"playground","Main demo":"mainDemo","Dark mode":"darkMode"};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(esm.b)(dist_esm.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(esm.b)(MDXContent,null))}});__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-button/base-button.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-button/base-button.stories.mdx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"__page",(function(){return __page}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/react/index.js");var _mdx_js_react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/@mdx-js/react/dist/esm.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/esm/index.js"),_base_button__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/base-button/base-button.tsx"),_excluded=["components"];function _extends(){return _extends=Object.assign||function(target){for(var i=1;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}var layoutProps={};function MDXContent(_ref){var components=_ref.components,props=_objectWithoutProperties(_ref,_excluded);return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("wrapper",_extends({},layoutProps,props,{components:components,mdxType:"MDXLayout"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.e,{title:"Design system/BaseButton",component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,parameters:{badges:["accessible"]},mdxType:"Meta"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h1",null,"BaseButton"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The component that powers ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"Button")," and ",Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"p"},"ButtonLink"),", where the button styling logic and some common\nfunctionality resides. This component is internal to Reactist."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("inlineCode",{parentName:"h2"},"")),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.d,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"Description"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.b,{of:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,mdxType:"ArgsTable"}),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("h2",null,"Colors"),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("p",null,"The following CSS custom properties are available to customize the button-like element appearance."),Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("pre",null,Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)("code",{parentName:"pre"},"--reactist-actionable-primary-idle-tint\n--reactist-actionable-primary-idle-fill\n--reactist-actionable-primary-hover-tint\n--reactist-actionable-primary-hover-fill\n--reactist-actionable-primary-disabled-tint\n--reactist-actionable-primary-disabled-fill\n\n--reactist-actionable-secondary-idle-tint\n--reactist-actionable-secondary-idle-fill\n--reactist-actionable-secondary-hover-tint\n--reactist-actionable-secondary-hover-fill\n--reactist-actionable-secondary-disabled-tint\n--reactist-actionable-secondary-disabled-fill\n\n--reactist-actionable-tertiary-idle-tint\n--reactist-actionable-tertiary-idle-fill\n--reactist-actionable-tertiary-hover-tint\n--reactist-actionable-tertiary-hover-fill\n--reactist-actionable-tertiary-disabled-tint\n--reactist-actionable-tertiary-disabled-fill\n\n--reactist-actionable-destructive-idle-tint\n--reactist-actionable-destructive-idle-fill\n--reactist-actionable-destructive-hover-tint\n--reactist-actionable-destructive-hover-fill\n--reactist-actionable-destructive-disabled-tint\n--reactist-actionable-destructive-disabled-fill\n")))}MDXContent.displayName="MDXContent",MDXContent.isMDXComponent=!0;var __page=function __page(){throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};var componentMeta={title:"Design system/BaseButton",parameters:{badges:["accessible"]},component:_base_button__WEBPACK_IMPORTED_MODULE_7__.a,includeStories:["__page"]},mdxStoryNameToKey={};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs=Object.assign({},componentMeta.parameters.docs||{},{page:function page(){return Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_6__.a,{mdxStoryNameToKey:mdxStoryNameToKey,mdxComponentAnnotations:componentMeta},Object(_mdx_js_react__WEBPACK_IMPORTED_MODULE_5__.b)(MDXContent,null))}}),__webpack_exports__.default=componentMeta},"./src/new-components/base-button/base-button.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseButton}));__webpack_require__("./node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("./node_modules/core-js/modules/es.array.index-of.js"),__webpack_require__("./node_modules/core-js/modules/es.symbol.js"),__webpack_require__("./node_modules/core-js/modules/es.object.assign.js");var _tooltip__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/tooltip/tooltip.tsx"),_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/utils/polymorphism.ts"),_box__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/box/box.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/base-button/base-button.module.css"),_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default=__webpack_require__.n(_base_button_module_css__WEBPACK_IMPORTED_MODULE_8__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js"),_excluded=["as","variant","tone","size","shape","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon","width","align"];function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i=0||(target[key]=source[key]);return target}(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function preventDefault(event){event.preventDefault()}var BaseButton=Object(_utils_polymorphism__WEBPACK_IMPORTED_MODULE_5__.a)((function BaseButton(_ref,ref){var _ref$as=_ref.as,as=void 0===_ref$as?"div":_ref$as,variant=_ref.variant,_ref$tone=_ref.tone,tone=void 0===_ref$tone?"normal":_ref$tone,_ref$size=_ref.size,size=void 0===_ref$size?"normal":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"normal":_ref$shape,_ref$disabled=_ref.disabled,disabled=void 0!==_ref$disabled&&_ref$disabled,_ref$loading=_ref.loading,loading=void 0!==_ref$loading&&_ref$loading,tooltip=_ref.tooltip,onClick=_ref.onClick,exceptionallySetClassName=_ref.exceptionallySetClassName,children=_ref.children,startIcon=_ref.startIcon,endIcon=_ref.endIcon,icon=_ref.icon,_ref$width=_ref.width,width=void 0===_ref$width?"auto":_ref$width,_ref$align=_ref.align,align=void 0===_ref$align?"center":_ref$align,props=_objectWithoutProperties(_ref,_excluded),isDisabled=loading||disabled,buttonElement=Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,Object.assign({},props,{as:as,ref:ref,"aria-disabled":isDisabled,onClick:isDisabled?preventDefault:onClick,width:icon?void 0:width,className:[exceptionallySetClassName,_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.baseButton,_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a["variant-"+variant],_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a["tone-"+tone],_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a["size-"+size],"rounded"===shape?_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a["shape-rounded"]:null,icon?_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.iconButton:null,disabled?_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.disabled:null],children:icon?loading&&Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_7__.a,{})||icon:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:[startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.startIcon,"aria-hidden":!0,children:loading&&!endIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_7__.a,{}):startIcon}):null,children?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{as:"span",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.label,overflow:"hidden",width:"full"===width?"full":void 0,textAlign:"auto"===width?"center":align,children:children}):null,endIcon||loading&&!startIcon?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_6__.a,{display:"flex",className:_base_button_module_css__WEBPACK_IMPORTED_MODULE_8___default.a.endIcon,"aria-hidden":!0,children:loading?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_7__.a,{}):endIcon}):null]})})),tooltipContent=icon&&void 0===tooltip?props["aria-label"]:tooltip;return tooltipContent?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_tooltip__WEBPACK_IMPORTED_MODULE_4__.a,{content:tooltipContent,children:buttonElement}):buttonElement}));try{BaseButton.displayName="BaseButton",BaseButton.__docgenInfo={description:"The component that powers `Button` and `ButtonLink`, where the button styling logic and some\ncommon functionality resides. This component is internal to Reactist.",displayName:"BaseButton",props:{variant:{defaultValue:null,description:"The button's variant.",name:"variant",required:!0,type:{name:"enum",value:[{value:'"secondary"'},{value:'"primary"'},{value:'"tertiary"'},{value:'"quaternary"'}]}},tone:{defaultValue:{value:"'normal'"},description:"The button's tone.",name:"tone",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"destructive"'}]}},size:{defaultValue:{value:"'normal'"},description:"The button's size.",name:"size",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"normal"'},{value:'"large"'}]}},shape:{defaultValue:{value:"'normal'"},description:"Controls the shape of the button. Specifically, it allows to make it have slightly curved\ncorners (the default) vs. having them fully curved to the point that they are as round as\npossible. In icon-only buttons this allows to have the button be circular.",name:"shape",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"normal"'},{value:'"rounded"'}]}},disabled:{defaultValue:{value:"false"},description:"Whether the button is disabled or not.",name:"disabled",required:!1,type:{name:"boolean | undefined"}},loading:{defaultValue:{value:"false"},description:"Whether the button is busy/loading.\n\nA button in this state is functionally and semantically disabled. Visually is does not look\ndimmed (as disabled buttons normally do), but it shows a loading spinner instead.",name:"loading",required:!1,type:{name:"boolean | undefined"}},tooltip:{defaultValue:null,description:"A tooltip linked to the button element.",name:"tooltip",required:!1,type:{name:"ReactNode | (() => ReactNode)"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactChild | undefined"}},"aria-label":{defaultValue:null,description:"",name:"aria-label",required:!0,type:{name:"any"}},startIcon:{defaultValue:null,description:"",name:"startIcon",required:!1,type:{name:"ReactChild | undefined"}},endIcon:{defaultValue:null,description:"",name:"endIcon",required:!1,type:{name:"ReactChild | undefined"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"small"'},{value:'"xsmall"'},{value:'"medium"'},{value:'"large"'},{value:'"xlarge"'},{value:'"full"'},{value:'"auto"'}]}},align:{defaultValue:null,description:"",name:"align",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"start"'},{value:'"center"'},{value:'"end"'}]}},as:{defaultValue:null,description:"Used to instruct this component what React element to render as. It can be both a string\nrepresenting a HTML tag name, or a React component.\n\nWhen using this prop, the component you apply it to will also recognize in its props types\nall the props from the component or HTML element you are rendering it as.\n\nSome uses for this feature:\n\n- Using some of our layout components, while at the same time being able to set them to use\n semantic HTML elements needed for accessibility purposes (e.g. `nav`, `main`, etc).\n- Using a design system link component, but have it internally use a client-side router link\n implemented via a React component (e.g. react-router's `Link`).\n\nKeep in mind that not all compositions of this kind may work well, especially when composing\nwith another React component and not with a HTML tag name. In particular, if the components\nbeing composed have opposing concerns of clashing features (e.g. they have contradicting\nstyles applied to them) things may not go well. In those cases prefer to nest them instead.\n@see PolymorphicComponent",name:"as",required:!1,type:{name:"ElementType | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/new-components/base-button/base-button.tsx#BaseButton"]={docgenInfo:BaseButton.__docgenInfo,name:"BaseButton",path:"src/new-components/base-button/base-button.tsx#BaseButton"})}catch(__react_docgen_typescript_loader_error){}},"./src/new-components/base-field/base-field.module.css":function(module,exports,__webpack_require__){var api=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),content=__webpack_require__("./node_modules/@storybook/addon-postcss/node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/dist/cjs.js!./src/new-components/base-field/base-field.module.css");"string"==typeof(content=content.__esModule?content.default:content)&&(content=[[module.i,content,""]]);var options={insert:"head",singleton:!1};api(content,options);module.exports=content.locals||{}},"./src/new-components/base-field/base-field.tsx":function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,"a",(function(){return BaseField})),__webpack_require__.d(__webpack_exports__,"b",(function(){return FieldHint}));__webpack_require__("./node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("./node_modules/core-js/modules/es.array.join.js"),__webpack_require__("./node_modules/core-js/modules/es.array.filter.js");var _box__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./src/new-components/box/box.tsx"),_common_helpers__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/new-components/common-helpers.ts"),_text__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/new-components/text/text.tsx"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./src/new-components/base-field/base-field.module.css"),_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default=__webpack_require__.n(_base_field_module_css__WEBPACK_IMPORTED_MODULE_6__),_stack__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__("./src/new-components/stack/stack.tsx"),_spinner__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__("./src/new-components/spinner/spinner.tsx"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__("./node_modules/react/jsx-runtime.js");function FieldHint(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_text__WEBPACK_IMPORTED_MODULE_5__.a,Object.assign({as:"p",tone:"secondary",size:"copy"},props))}function MessageIcon(props){return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",Object.assign({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},props,{children:Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 2.5C4.96243 2.5 2.5 4.96243 2.5 8C2.5 11.0376 4.96243 13.5 8 13.5C11.0376 13.5 13.5 11.0376 13.5 8C13.5 4.96243 11.0376 2.5 8 2.5ZM1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8ZM8.66667 10.3333C8.66667 10.7015 8.36819 11 8 11C7.63181 11 7.33333 10.7015 7.33333 10.3333C7.33333 9.96514 7.63181 9.66667 8 9.66667C8.36819 9.66667 8.66667 9.96514 8.66667 10.3333ZM8.65766 5.65766C8.65766 5.29445 8.36322 5 8 5C7.99087 5.00008 7.98631 5.00013 7.98175 5.00025C7.97719 5.00038 7.97263 5.00059 7.96352 5.00101C7.60086 5.02116 7.3232 5.33149 7.34335 5.69415L7.50077 8.52774C7.53575 9.15742 8.46425 9.15742 8.49923 8.52774L8.65665 5.69415C8.65707 5.68503 8.65728 5.68047 8.65741 5.67591C8.65754 5.67135 8.65758 5.66679 8.65766 5.65766Z",fill:"currentColor"})}))}function FieldMessage(_ref){var id=_ref.id,children=_ref.children,tone=_ref.tone,textTone="error"===tone?"danger":"success"===tone?"positive":"normal";return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_5__.a,{as:"p",tone:textTone,size:"copy",id:id,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,{as:"span",marginRight:"xsmall",display:"inlineFlex",className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.messageIcon,children:"loading"===tone?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_spinner__WEBPACK_IMPORTED_MODULE_8__.a,{size:16}):Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(MessageIcon,{"aria-hidden":!0})}),children]})}function BaseField(_ref2){var _ref2$variant=_ref2.variant,variant=void 0===_ref2$variant?"default":_ref2$variant,label=_ref2.label,secondaryLabel=_ref2.secondaryLabel,auxiliaryLabel=_ref2.auxiliaryLabel,hint=_ref2.hint,message=_ref2.message,_ref2$tone=_ref2.tone,tone=void 0===_ref2$tone?"neutral":_ref2$tone,className=_ref2.className,children=_ref2.children,maxWidth=_ref2.maxWidth,hidden=_ref2.hidden,originalAriaDescribedBy=_ref2["aria-describedby"],originalId=_ref2.id,id=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_4__.b)(originalId),hintId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_4__.b)(),messageId=Object(_common_helpers__WEBPACK_IMPORTED_MODULE_4__.b)(),childrenProps={id:id,"aria-describedby":null!=originalAriaDescribedBy?originalAriaDescribedBy:[message?messageId:null,hintId].filter(Boolean).join(" "),"aria-invalid":"error"===tone||void 0};return Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_stack__WEBPACK_IMPORTED_MODULE_7__.a,{space:"small",hidden:hidden,children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_3__.a,{className:[className,_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.container,"error"===tone?_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.error:null,"bordered"===variant?_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.bordered:null],maxWidth:maxWidth,children:[label||secondaryLabel||auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_box__WEBPACK_IMPORTED_MODULE_3__.a,{as:"span",display:"flex",justifyContent:"spaceBetween",alignItems:"flexEnd",children:[Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(_text__WEBPACK_IMPORTED_MODULE_5__.a,{size:"bordered"===variant?"caption":"body",as:"label",htmlFor:id,children:[label?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.primaryLabel,children:label}):null,secondaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("span",{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.secondaryLabel,children:[" (",secondaryLabel,")"]}):null]}),auxiliaryLabel?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_box__WEBPACK_IMPORTED_MODULE_3__.a,{className:_base_field_module_css__WEBPACK_IMPORTED_MODULE_6___default.a.auxiliaryLabel,paddingLeft:"small",children:auxiliaryLabel}):null]}):null,children(childrenProps)]}),message?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(FieldMessage,{id:messageId,tone:tone,children:message}):null,hint?Object(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(FieldHint,{id:hintId,children:hint}):null]})}FieldHint.displayName="FieldHint",MessageIcon.displayName="MessageIcon",FieldMessage.displayName="FieldMessage",BaseField.displayName="BaseField";try{BaseField.displayName="BaseField",BaseField.__docgenInfo={description:"",displayName:"BaseField",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"ClassValue"}},label:{defaultValue:null,description:"The main label for this field element.\n\nThis prop is not optional. Consumers of field components must be explicit about not\nwanting a label by passing `label=\"\"` or `label={null}`. In those situations, consumers\nshould make sure that fields are properly labelled semantically by other means (e.g using\n`aria-labelledby`, or rendering a `