зеркало из https://github.com/mozilla/hubs.git
1 строка
32 KiB
JavaScript
1 строка
32 KiB
JavaScript
"use strict";(globalThis.webpackChunkhubs=globalThis.webpackChunkhubs||[]).push([[6232],{"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/input/Button.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/css-loader/dist/runtime/sourceMaps.js"),_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Button__button__SO7tb{height:48px;min-height:48px;width:min-content;min-width:156px;font-weight:700;font-size:12px;border-radius:8px;border-width:0;border-color:rgba(0,0,0,0);transition:background-color .1s ease-in-out;white-space:nowrap;padding:0 24px;display:flex;align-items:center;justify-content:center}.Button__button__SO7tb svg{flex-shrink:0;margin-right:8px}.Button__basic__dX1eF{border:2px solid var(--basic-border-color);background-color:var(--basic-color)}.Button__transparent__Xwl1d{border-color:var(--background1-color);background-color:var(--background1-color)}.Button__basic__dX1eF,.Button__transparent__Xwl1d{color:var(--text2-color);border:2px solid var(--basic-border-color);background-color:var(--basic-color)}.Button__basic__dX1eF svg,.Button__transparent__Xwl1d svg{color:var(--text2-color)}.Button__basic__dX1eF:hover,.Button__transparent__Xwl1d:hover{color:var(--text2-color-hover);background-color:var(--basic-color-hover)}.Button__basic__dX1eF:active,.Button__transparent__Xwl1d:active{color:var(--text2-color-pressed);background-color:var(--basic-color-pressed)}.Button__primary__V_Unf{color:var(--text5-color);background-color:var(--primary-color)}.Button__primary__V_Unf svg{color:var(--text5-color)}.Button__primary__V_Unf:hover{color:var(--text5-color-hover);background-color:var(--primary-color-hover)}.Button__primary__V_Unf:active{color:var(--text5-color-pressed);background-color:var(--primary-color-pressed)}.Button__accept__Vxz39{color:var(--text5-color);background-color:var(--accept-color);border:2px solid var(--accept-border-color)}.Button__accept__Vxz39 svg{color:var(--text5-color)}.Button__accept__Vxz39:hover{color:var(--text5-color-hover);background-color:var(--accept-color-hover)}.Button__accept__Vxz39:active{color:var(--text5-color-pressed);background-color:var(--accept-color-pressed)}.Button__cancel__fMd88{color:var(--text5-color);background-color:var(--cancel-color);border:2px solid var(--cancel-color)}.Button__cancel__fMd88 svg{color:var(--text5-color)}.Button__cancel__fMd88:hover{color:var(--text5-color-hover);background-color:var(--cancel-color-hover)}.Button__cancel__fMd88:active{color:var(--text5-color-pressed);background-color:var(--cancel-color-pressed)}.Button__accent1__YxQTQ{color:var(--text5-color);background-color:var(--accent1-color);border:2px solid var(--accent1-border-color)}.Button__accent1__YxQTQ svg{color:var(--text5-color)}.Button__accent1__YxQTQ:hover{color:var(--text5-color-hover);background-color:var(--accent1-color-hover)}.Button__accent1__YxQTQ:active{color:var(--text5-color-pressed);background-color:var(--accent1-color-pressed)}.Button__accent2__csjI4{color:var(--text5-color);background-color:var(--accent2-color);border:2px solid var(--accent2-border-color)}.Button__accent2__csjI4 svg{color:var(--text5-color)}.Button__accent2__csjI4:hover{color:var(--text5-color-hover);background-color:var(--accent2-color-hover)}.Button__accent2__csjI4:active{color:var(--text5-color-pressed);background-color:var(--accent2-color-pressed)}.Button__accent3__lDoUQ{color:var(--text5-color);background-color:var(--accent3-color);border:2px solid var(--accent3-border-color)}.Button__accent3__lDoUQ svg{color:var(--text5-color)}.Button__accent3__lDoUQ:hover{color:var(--text5-color-hover);background-color:var(--accent3-color-hover)}.Button__accent3__lDoUQ:active{color:var(--text5-color-pressed);background-color:var(--accent3-color-pressed)}.Button__accent4__rpZEP{color:var(--text5-color);background-color:var(--accent4-color);border:2px solid var(--accent4-border-color)}.Button__accent4__rpZEP svg{color:var(--text5-color)}.Button__accent4__rpZEP:hover{color:var(--text5-color-hover);background-color:var(--accent4-color-hover)}.Button__accent4__rpZEP:active{color:var(--text5-color-pressed);background-color:var(--accent4-color-pressed)}.Button__accent5__CtJzN{color:var(--text5-color);background-color:var(--accent5-color);border:2px solid var(--accent5-border-color)}.Button__accent5__CtJzN svg{color:var(--text5-color)}.Button__accent5__CtJzN:hover{color:var(--text5-color-hover);background-color:var(--accent5-color-hover)}.Button__accent5__CtJzN:active{color:var(--text5-color-pressed);background-color:var(--accent5-color-pressed)}.Button__accent6__f31oh{color:var(--text5-color);background-color:var(--accent6-color);border:2px solid var(--accent6-color)}.Button__accent6__f31oh svg{color:var(--text5-color)}.Button__accent6__f31oh:hover{color:var(--text5-color-hover);background-color:var(--accent6-color-hover)}.Button__accent6__f31oh:active{color:var(--text5-color-pressed);background-color:var(--accent6-color-pressed)}.Button__button__SO7tb:disabled{border-color:rgba(0,0,0,0);cursor:not-allowed;color:var(--disabled-text-color);opacity:.7;background-color:var(--disabled-bg-color)}.keyboard-user .Button__button__SO7tb:focus{border-color:rgba(0,0,0,0)}.Button__sm__SbzRJ{height:32px;min-height:32px;min-width:100px;padding:0 8px}.Button__lg__W7ykj,.Button__xl__ppsaD{border-radius:32px;padding:0 48px;font-size:16px}.Button__lg__W7ykj{height:48px}.Button__xl__ppsaD{height:64px}.Button__thin__QLHYO{min-height:41px;height:41px}.Button__thin__QLHYO:hover{color:var(--text5-color-hover)}.Button__thick__RwZJD{height:53px}.Button__signin__dunbY{border:2px solid #007ab8;background-color:rgba(0,0,0,0);color:#007ab8;box-sizing:border-box;border-radius:13px}.Button__landing__zi2zl{border:2px solid #007ab8;background-color:#007ab8;color:var(--text5-color);box-sizing:border-box;border-radius:13px}.Button__landing__zi2zl:hover{background-color:#008bd1}.Button__landing__zi2zl:active{background-color:#00699e}.Button__text__V4_gH{border:none;background-color:rgba(0,0,0,0);color:var(--primary-color);padding:0px;box-sizing:border-box}","",{version:3,sources:["webpack://./src/react-components/input/Button.scss","webpack://./src/react-components/styles/theme.scss"],names:[],mappings:"AAEA,uBACE,WAAA,CACA,eAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CACA,cAAA,CACA,iBAAA,CACA,cAAA,CACA,0BAAA,CACA,2CAAA,CACA,kBAAA,CACA,cAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CAEA,2BACE,aAAA,CACA,gBAAA,CAIJ,sBACE,0CAAA,CACA,mCCyJY,CDtJd,4BACE,qCCuIkB,CDtIlB,yCCsIkB,CDnIpB,kDAEE,wBCmEY,CDlEZ,0CAAA,CACA,mCC6IY,CD3IZ,0DACE,wBC8DU,CD3DZ,8DACE,8BC2DgB,CD1DhB,yCCsIgB,CDnIlB,gEACE,gCCuDkB,CDtDlB,2CCkIkB,CD9HtB,wBACE,wBCwDY,CDvDZ,qCCsGc,CDpGd,4BACE,wBCoDU,CDjDZ,8BACE,8BCiDgB,CDhDhB,2CC+FkB,CD5FpB,+BACE,gCC6CkB,CD5ClB,6CC2FoB,CDvFxB,uBACE,wBCqCY,CDpCZ,oCC6Ca,CD5Cb,2CAAA,CAEA,2BACE,wBCgCU,CD7BZ,6BACE,8BC6BgB,CD5BhB,0CCsCiB,CDnCnB,8BACE,gCCyBkB,CDxBlB,4CCkCmB,CD9BvB,uBACE,wBCiBY,CDhBZ,oCC8Ba,CD7Bb,oCAAA,CAEA,2BACE,wBCYU,CDTZ,6BACE,8BCSgB,CDRhB,0CCsBiB,CDnBnB,8BACE,gCCKkB,CDJlB,4CCkBmB,CDdvB,wBACE,wBCHY,CDIZ,qCCcc,CDbd,4CAAA,CAEA,4BACE,wBCRU,CDWZ,8BACE,8BCXgB,CDYhB,2CCOkB,CDJpB,+BACE,gCCfkB,CDgBlB,6CCGoB,CDCxB,wBACE,wBCvBY,CDwBZ,qCCDc,CDEd,4CAAA,CAEA,4BACE,wBC5BU,CD+BZ,8BACE,8BC/BgB,CDgChB,2CCRkB,CDWpB,+BACE,gCCnCkB,CDoClB,6CCZoB,CDgBxB,wBACE,wBC3CY,CD4CZ,qCChBc,CDiBd,4CAAA,CAEA,4BACE,wBChDU,CDmDZ,8BACE,8BCnDgB,CDoDhB,2CCxBkB,CD2BpB,+BACE,gCCvDkB,CDwDlB,6CC5BoB,CDgCxB,wBACE,wBC/DY,CDgEZ,qCC/Bc,CDgCd,4CAAA,CAEA,4BACE,wBCpEU,CDuEZ,8BACE,8BCvEgB,CDwEhB,2CCtCkB,CDyCpB,+BACE,gCC3EkB,CD4ElB,6CC1CoB,CD8CxB,wBACE,wBCnFY,CDoFZ,qCC9Cc,CD+Cd,4CAAA,CAEA,4BACE,wBCxFU,CD2FZ,8BACE,8BC3FgB,CD4FhB,2CCrDkB,CDwDpB,+BACE,gCC/FkB,CDgGlB,6CCzDoB,CD6DxB,wBACE,wBCvGY,CDwGZ,qCC7Dc,CD8Dd,qCAAA,CAEA,4BACE,wBC5GU,CD+GZ,8BACE,8BC/GgB,CDgHhB,2CCrEkB,CDwEpB,+BACE,gCCnHkB,CDoHlB,6CCzEoB,CD6ExB,gCACE,0BAAA,CACA,kBAAA,CACA,gCCrDoB,CDsDpB,UAAA,CACA,yCCtDkB,CDyDpB,4CACE,0BAAA,CAGF,mBACE,WAAA,CACA,eAAA,CACA,eAAA,CACA,aAAA,CAGF,sCAEE,kBAAA,CACA,cAAA,CACA,cAAA,CAGF,mBACE,WAAA,CAGF,mBACE,WAAA,CAGF,qBACE,eAAA,CACA,WAAA,CACA,2BACE,8BC/JgB,CDmKpB,sBACE,WAAA,CAGF,uBACE,wBAAA,CACA,8BAAA,CACA,aAAA,CACA,qBAAA,CACA,kBAAA,CAGF,wBACE,wBAAA,CACA,wBAAA,CACA,wBCnLY,CDoLZ,qBAAA,CACA,kBAAA,CACA,8BACE,wBAAA,CAEF,+BACE,wBAAA,CAIJ,qBACE,WAAA,CACA,8BC/QY,CDgRZ,0BClJc,CDmJd,WAAA,CACA,qBAAA",sourcesContent:['@use "../styles/theme";\n\n:local(.button) {\n height: 48px;\n min-height: 48px;\n width: min-content;\n min-width: 156px;\n font-weight: 700;\n font-size: 12px;\n border-radius: 8px;\n border-width: 0;\n border-color: transparent;\n transition: background-color 0.1s ease-in-out;\n white-space: nowrap;\n padding: 0 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n flex-shrink: 0;\n margin-right: 8px;\n }\n}\n\n:local(.basic) {\n border: 2px solid theme.$basic-border-color;\n background-color: theme.$basic-color;\n}\n\n:local(.transparent) {\n border-color: theme.$background1-color;\n background-color: theme.$background1-color;\n}\n\n:local(.basic),\n:local(.transparent) {\n color: theme.$text2-color;\n border: 2px solid theme.$basic-border-color;\n background-color: theme.$basic-color;\n\n svg {\n color: theme.$text2-color;\n }\n\n &:hover {\n color: theme.$text2-color-hover;\n background-color: theme.$basic-color-hover;\n }\n\n &:active {\n color: theme.$text2-color-pressed;\n background-color: theme.$basic-color-pressed;\n }\n}\n\n:local(.primary) {\n color: theme.$text5-color;\n background-color: theme.$primary-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$primary-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$primary-color-pressed;\n }\n}\n\n:local(.accept) {\n color: theme.$text5-color;\n background-color: theme.$accept-color;\n border: 2px solid theme.$accept-border-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$accept-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$accept-color-pressed;\n }\n}\n\n:local(.cancel) {\n color: theme.$text5-color;\n background-color: theme.$cancel-color;\n border: 2px solid theme.$cancel-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$cancel-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$cancel-color-pressed;\n }\n}\n\n:local(.accent1) {\n color: theme.$text5-color;\n background-color: theme.$accent1-color;\n border: 2px solid theme.$accent1-border-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$accent1-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$accent1-color-pressed;\n }\n}\n\n:local(.accent2) {\n color: theme.$text5-color;\n background-color: theme.$accent2-color;\n border: 2px solid theme.$accent2-border-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$accent2-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$accent2-color-pressed;\n }\n}\n\n:local(.accent3) {\n color: theme.$text5-color;\n background-color: theme.$accent3-color;\n border: 2px solid theme.$accent3-border-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$accent3-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$accent3-color-pressed;\n }\n}\n\n:local(.accent4) {\n color: theme.$text5-color;\n background-color: theme.$accent4-color;\n border: 2px solid theme.$accent4-border-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$accent4-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$accent4-color-pressed;\n }\n}\n\n:local(.accent5) {\n color: theme.$text5-color;\n background-color: theme.$accent5-color;\n border: 2px solid theme.$accent5-border-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$accent5-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$accent5-color-pressed;\n }\n}\n\n:local(.accent6) {\n color: theme.$text5-color;\n background-color: theme.$accent6-color;\n border: 2px solid theme.$accent6-color;\n\n svg {\n color: theme.$text5-color;\n }\n\n &:hover {\n color: theme.$text5-color-hover;\n background-color: theme.$accent6-color-hover;\n }\n\n &:active {\n color: theme.$text5-color-pressed;\n background-color: theme.$accent6-color-pressed;\n }\n}\n\n:local(.button):disabled {\n border-color: transparent;\n cursor: not-allowed;\n color: theme.$disabled-text-color;\n opacity: 0.7;\n background-color: theme.$disabled-bg-color;\n}\n\n:global(.keyboard-user) :local(.button):focus {\n border-color: transparent;\n}\n\n:local(.sm) {\n height: 32px;\n min-height: 32px;\n min-width: 100px;\n padding: 0 8px;\n}\n\n:local(.lg),\n:local(.xl) {\n border-radius: 32px;\n padding: 0 48px;\n font-size: 16px;\n}\n\n:local(.lg) {\n height: 48px;\n}\n\n:local(.xl) {\n height: 64px;\n}\n\n:local(.thin) {\n min-height: 41px;\n height: 41px;\n &:hover {\n color: theme.$text5-color-hover;\n }\n}\n\n:local(.thick) {\n height: 53px;\n}\n\n:local(.signin) {\n border: 2px solid #007ab8;\n background-color: transparent;\n color: #007ab8;\n box-sizing: border-box;\n border-radius: 13px;\n}\n\n:local(.landing) {\n border: 2px solid #007ab8;\n background-color: #007ab8;\n color: theme.$text5-color;\n box-sizing: border-box;\n border-radius: 13px;\n &:hover {\n background-color: #008bd1;\n }\n &:active {\n background-color: #00699e;\n }\n}\n\n:local(.text) {\n border: none;\n background-color: theme.$transparent;\n color: theme.$primary-color;\n padding: 0px;\n box-sizing: border-box;\n}\n',"// Breakpoints\n// default below 576px (Portrait Phones)\n$breakpoint-sm: 576px; // Landscape Phones\n$breakpoint-md: 768px; // Tablets\n$breakpoint-lg: 992px; // Desktops\n$breakpoint-xl: 1200px; // Large Desktops\n$breakpoint-xxl: 1600px; // Extra Large Desktops\n$breakpoint-vr: 600px; // Standalone VR Browsers\n\n// Font styles\n$font-size-xs: 10px;\n$font-size-sm: 12px;\n$font-size-md: 14px;\n$font-size-lg: 20px;\n$font-size-xl: 24px;\n$font-size-2xl: 28px;\n\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-bold: 700;\n\n// Border styles\n$border-radius-regular: 8px;\n$border-radius-small: 6px;\n\n// Spacing\n$spacing-2xs: 4px;\n$spacing-xs: 8px;\n$spacing-sm: 12px;\n$spacing-md: 16px;\n$spacing-lg: 20px;\n$spacing-xl: 24px;\n\n// Utility colors\n$transparent: transparent;\n$transparent-hover: rgba(0, 0, 0, 0.08);\n$transparent-pressed: rgba(0, 0, 0, 0.12);\n\n$white: #ffffff;\n$white-hover: #e7e7e7;\n$white-pressed: #dbdbdb;\n\n$lightgrey: #e7e7e7;\n$lightgrey-hover: #f5f5f5;\n$lightgrey-pressed: #dbdbdb;\n\n$grey: #bbbbbb;\n$grey-hover: #c7c7c7;\n$grey-pressed: #adadad;\n\n$darkgrey: #868686;\n$darkgrey-hover: #949494;\n$darkgrey-pressed: #7a7a7a;\n\n$black: #000000;\n$black-hover: #404040;\n$black-pressed: #7a7a7a;\n\n$red: #f5325c;\n$red-hover: #f64b70;\n$red-pressed: #f41a49;\n\n$orange: #ff8500;\n$orange-hover: #ff911a;\n$orange-pressed: #e67800;\n\n$green: #7ed320;\n$green-hover: #8cdf2f;\n$green-pressed: #72be1d;\n\n$blue: #007ab8;\n$blue-hover: #008bd1;\n$blue-pressed: #00699e;\n\n$purple: #7854f6;\n$purple-hover: #8c6ef7;\n$purple-pressed: #663df5;\n\n$recessed-bg: #f9f9f9;\n\n$yellow: #ffc000;\n\n// Brand Colors\n$spoke-primary-color: #2f80ed;\n$twitter-primary-color: #6fc0fd;\n$slack-primary-color: #611f69;\n$discord--primary-color: #7289da;\n\n// Discord Bot Page Colors\n$discord-bg-color: #2a2d32;\n$discord-text1-color: white;\n$discord-text2-color: #a3a3a3;\n$discord-text3-color: rgb(127, 127, 127);\n$discord-text4-color: rgb(64, 64, 64);\n\n// Theme SCSS Variables:\n// Reference these variables in the Hubs codebase.\n// The CSS variables they reference are defined in ./global.scss such that they are only included on the page once.\n$font-family-default: var(--font-family-default);\n$font-family-monospace: var(--font-family-monospace);\n\n$text1-color: var(--text1-color);\n$text1-color-hover: var(--text1-color-hover);\n$text1-color-pressed: var(--text1-color-pressed);\n$text2-color: var(--text2-color);\n$text2-color-hover: var(--text2-color-hover);\n$text2-color-pressed: var(--text2-color-pressed);\n$text3-color: var(--text3-color);\n$text3-color-hover: var(--text3-color-hover);\n$text3-color-pressed: var(--text3-color-pressed);\n$text4-color: var(--text4-color);\n$text4-color-hover: var(--text4-color-hover);\n$text4-color-pressed: var(--text4-color-pressed);\n$text5-color: var(--text5-color);\n$text5-color-hover: var(--text5-color-hover);\n$text5-color-pressed: var(--text5-color-pressed);\n$text-inverted-color: var(--text-inverted-color);\n\n$link-color: var(--link-color);\n$link-color-hover: var(--link-color-hover);\n$link-color-pressed: var(--link-color-pressed);\n\n$accept-color: var(--accept-color);\n$accept-border-color: var(--accept-border-color);\n$accept-color-hover: var(--accept-color-hover);\n$accept-color-pressed: var(--accept-color-pressed);\n\n$cancel-color: var(--cancel-color);\n$cancel-color-hover: var(--cancel-color-hover);\n$cancel-color-pressed: var(--cancel-color-pressed);\n\n$accent1-color: var(--accent1-color);\n$accent1-border-color: var(--accent1-border-color);\n$accent1-color-hover: var(--accent1-color-hover);\n$accent1-color-pressed: var(--accent1-color-pressed);\n\n$accent2-color: var(--accent2-color);\n$accent2-border-color: var(--accent2-border-color);\n$accent2-color-hover: var(--accent2-color-hover);\n$accent2-color-pressed: var(--accent2-color-pressed);\n\n$accent3-color: var(--accent3-color);\n$accent3-color-hover: var(--accent3-color-hover);\n$accent3-color-pressed: var(--accent3-color-pressed);\n$accent3-border-color: var(--accent3-border-color);\n\n$accent4-color: var(--accent4-color);\n$accent4-border-color: var(--accent4-border-color);\n$accent4-color-hover: var(--accent4-color-hover);\n$accent4-color-pressed: var(--accent4-color-pressed);\n\n$accent5-color: var(--accent5-color);\n$accent5-border-color: var(--accent5-border-color);\n$accent5-color-hover: var(--accent5-color-hover);\n$accent5-color-pressed: var(--accent5-color-pressed);\n\n$accent6-color: var(--accent6-color);\n$accent6-color-hover: var(--accent6-color-hover);\n$accent6-color-pressed: var(--accent6-color-pressed);\n\n$primary-color: var(--primary-color);\n$primary-color-hover: var(--primary-color-hover);\n$primary-color-pressed: var(--primary-color-pressed);\n\n$secondary-color: var(--secondary-color);\n\n$background1-color: var(--background1-color);\n$background2-color: var(--background2-color);\n$background3-color: var(--background3-color);\n$background4-color: var(--background4-color);\n\n$loading-screen-background: var(--loading-screen-background);\n\n$border1-color: var(--border1-color);\n$border2-color: var(--border2-color);\n\n$outline-color: var(--outline-color);\n\n$shadow-color: var(--shadow-color);\n\n$basic-color: var(--basic-color);\n$basic-color-hover: var(--basic-color-hover);\n$basic-color-pressed: var(--basic-color-pressed);\n$basic-border-color: var(--basic-border-color);\n\n$disabled-text-color: var(--disabled-text-color);\n$disabled-bg-color: var(--disabled-bg-color);\n$disabled-icon-color: var(--disabled-icon-color);\n\n$radio-border-color: var(--radio-border-color);\n$radio-bg-color: var(--radio-bg-color);\n$radio-bg-color-hover: var(--radio-bg-color-hover);\n$radio-bg-color-pressed: var(--radio-bg-color-pressed);\n\n$toggle-button-color: var(--toggle-button-color);\n\n$input-bg-color: var(--input-bg-color);\n$input-icon-color: var(--input-icon-color);\n$input-border-color: var(--input-border-color);\n$input-border-color-hover: var(--input-border-color-hover);\n$input-outline-color: var(--input-outline-color);\n\n$button-text-color: var(--button-text-color);\n$button-border-color: var(--button-border-color);\n$button-bg-color: var(--button-bg-color);\n$button-bg-color-hover: var(--button-bg-color-hover);\n$button-bg-color-pressed: var(--button-bg-color-pressed);\n\n$active-text-color: var(--active-text-color);\n$active-color: var(--active-color);\n$active-color-hover: var(--active-color-hover);\n$active-color-pressed: var(--active-color-pressed);\n\n$chat-bubble-bg-color-sent: var(--chat-bubble-bg-color-sent);\n$chat-bubble-text-color-sent: var(--chat-bubble-text-color-sent);\n$chat-bubble-link-color-sent-hover: var(--chat-bubble-link-color-sent-hover);\n$chat-bubble-link-color-sent-pressed: var(--chat-bubble-link-color-sent-pressed);\n$chat-bubble-bg-color-received: var(--chat-bubble-bg-color-received);\n\n$favorite-color: var(--favorite-color);\n\n$error-color: var(--error-color);\n\n$overlay-bg-color: var(--overlay-bg-color);\n$overlay-text-color: var(--overlay-text-color);\n$overlay-border-color: var(--overlay-border-color);\n\n$toolbar-icon-color: var(--toolbar-icon-color);\n$toolbar-icon-selected-bg: var(--toolbar-icon-selected-bg);\n$toolbar-basic-icon-color: var(--toolbar-basic-icon-color);\n$toolbar-basic-selected-icon-color: var(--toolbar-basic-selected-icon-color);\n$toolbar-basic-color: var(--toolbar-basic-color);\n$toolbar-basic-color-hover: var(--toolbar-basic-color-hover);\n$toolbar-basic-color-pressed: var(--toolbar-basic-color-pressed);\n$toolbar-basic-border-color: var(--toolbar-basic-border-color);\n\n$tile-text-color: var(--tile-text-color);\n$tile-bg-color: var(--tile-bg-color);\n$tile-bg-color-hover: var(--tile-bg-color-hover);\n$tile-bg-color-pressed: var(--tile-bg-color-pressed);\n$tile-button-text-color: var(--tile-button-text-color);\n$tile-button-bg-color: var(--tile-button-bg-color);\n$tile-button-bg-color-hover: var(--tile-button-bg-color-hover);\n$tile-button-bg-color-pressed: var(--tile-button-bg-color-pressed);\n$tile-button-border-color: var(--tile-button-border-color);\n\n// Mozilla Lilypad compatible variables\n\n/**\n PRIMARY INTERACTION\n **/\n$color-interaction-primary: var(--color-interaction-primary);\n$color-interaction-primary-hover: var(--color-interaction-primary-hover);\n$color-interaction-primary-active: var(--color-interaction-primary-active);\n$color-interaction-primary-disabled: var(--color-interaction-primary-disabled);\n$color-interaction-primary-alt: var(--color-interaction-primary-alt);\n$color-interaction-primary-alt-hover: var(--color-interaction-primary-alt-hover);\n$color-interaction-primary-alt-active: var(--color-interaction-primary-alt-active);\n$color-interaction-primary-alt-disabled: var(--color-interaction-primary-alt-disabled);\n\n/**\n SECONDARY INTERACTION\n **/\n$color-interaction-secondary: var(--color-interaction-secondary);\n$color-interaction-secondary-hover: var(--color-interaction-secondary-hover);\n$color-interaction-secondary-active: var(--color-interaction-secondary-active);\n$color-interaction-secondary-disabled: var(--color-interaction-secondary-disabled);\n$color-interaction-secondary-alt: var(--color-interaction-secondary-alt);\n$color-interaction-secondary-alt-hover: var(--color-interaction-secondary-alt-hover);\n$color-interaction-secondary-alt-active: var(--color-interaction-secondary-alt-active);\n$color-interaction-secondary-alt-disabled: var(--color-interaction-secondary-alt-disabled);\n\n/**\n SEMANTIC\n **/\n$color-semantic-info: var(--color-semantic-info);\n$color-semantic-info-hover: var(--color-semantic-info-hover);\n$color-semantic-info-active: var(--color-semantic-info-active);\n$color-semantic-disabled: var(--color-semantic-disabled);\n$color-semantic-success: var(--color-semantic-success);\n$color-semantic-success-hover: var(--color-semantic-success-hover);\n$color-semantic--success-active: var(--color-semantic-success-active);\n$color-semantic-success-disabled: var(--color-semantic-success-disabled);\n$color-semantic-warning: var(--color-semantic-warning);\n$color-semantic-warning-hover: var(--color-semantic-warning-hover);\n$color-semantic-warning-active: var(--color-semantic-warning-active);\n$color-semantic-warning-disabled: var(--color-semantic-warning-disabled);\n$color-semantic-critical: var(--color-semantic-critical);\n$color-semantic-critical-hover: var(--color-semantic-critical-hover);\n$color-semantic-critical-active: var(--color-semantic-critical-active);\n$color-semantic-critical-disabled: var(--color-semantic-critical-disabled);\n$color-semantic-critical-bg-alt: var(--color-semantic-critical-bg-alt);\n$color-semantic-neutral: var(--color-semantic-neutral);\n$color-semantic-neutral-hover: var(--color-semantic-neutral-hover);\n$color-semantic-neutral-active: var(--color-semantic-neutral-active);\n$color-semantic-neutral-inactive: var(--color-semantic-neutral-inactive);\n\n/**\n TEXT\n **/\n$color-text-main: var(--color-text-main);\n$color-text-subtle: var(--color-text-subtle);\n$color-text-reverse: var(--color-text-reverse);\n$color-text-reverse-subtle: var(--color-text-reverse-subtle);\n$color-text-disabled: var(--color-text-disabled);\n$color-text-info: var(--color-text-info);\n$color-text-success: var(--color-text-success);\n$color-text-warning: var(--color-text-warning);\n$color-text-critical: var(--color-text-critical);\n\n/**\n BORDER\n **/\n$color-border-1: var(--color-border-1);\n$color-border-2: var(--color-border-2);\n$color-border-3: var(--color-border-3);\n\n/**\n NEUTRALS\n **/\n$color-neutral-0: var(--color-neutral-0);\n$color-neutral-0-reverse: var(--color-neutral-0-reverse);\n$color-neutral-1: var(--color-neutral-1);\n$color-neutral-2: var(--color-neutral-2);\n$color-neutral-3: var(--color-neutral-3);\n\n/**\n STATUS\n **/\n$color-status-ready: var(--color-status-ready);\n$color-status-offline: var(--color-status-offline);\n$color-status-busy: var(--color-status-busy);\n\n/**\n BACKGROUNDS\n **/\n$color-background-overlay: var(--color-background-overlay);\n$color-background-callout: var(--color-background-subtle-callout);\n$color-background-modal-overlay: var(--color-background-modal-overlay);\n$color-background-critical: var(--color-background-critical);\n$color-background-neutral-0: var(--color-background-neutral-0);\n\n/**\n MENU\n **/\n$color-interactions-menu: var(--color-interactions-menu);\n$color-interactions-menu-hover: var(--color-interactions-menu-hover);\n$color-interactions-menu-inactive: var(--color-interactions-menu-inactive);\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:"Button__button__SO7tb",basic:"Button__basic__dX1eF",transparent:"Button__transparent__Xwl1d",primary:"Button__primary__V_Unf",accept:"Button__accept__Vxz39",cancel:"Button__cancel__fMd88",accent1:"Button__accent1__YxQTQ",accent2:"Button__accent2__csjI4",accent3:"Button__accent3__lDoUQ",accent4:"Button__accent4__rpZEP",accent5:"Button__accent5__CtJzN",accent6:"Button__accent6__f31oh",sm:"Button__sm__SbzRJ",lg:"Button__lg__W7ykj",xl:"Button__xl__ppsaD",thin:"Button__thin__QLHYO",thick:"Button__thick__RwZJD",signin:"Button__signin__dunbY",landing:"Button__landing__zi2zl",text:"Button__text__V4_gH"};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"./src/react-components/input/Button.scss":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleDomAPI.js"),_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertBySelector.js"),_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js"),_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./node_modules/style-loader/dist/runtime/insertStyleElement.js"),_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./node_modules/style-loader/dist/runtime/styleTagTransform.js"),_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__),_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_Button_scss__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[13].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/react-components/input/Button.scss"),options={};options.styleTagTransform=_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default(),options.setAttributes=_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default(),options.insert=_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null,"head"),options.domAPI=_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default(),options.insertStyleElement=_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default();_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_Button_scss__WEBPACK_IMPORTED_MODULE_6__.Z,options);const __WEBPACK_DEFAULT_EXPORT__=_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_Button_scss__WEBPACK_IMPORTED_MODULE_6__.Z&&_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_Button_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals?_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_13_use_1_node_modules_sass_loader_dist_cjs_js_Button_scss__WEBPACK_IMPORTED_MODULE_6__.Z.locals:void 0}}]); |