mbt-puzzle-preview-lb 1.0.13 → 1.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1321,7 +1321,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
1321
1321
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1322
1322
|
|
|
1323
1323
|
"use strict";
|
|
1324
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ButtonStyled: () => (/* binding */ ButtonStyled),\n/* harmony export */ ButtonWrapperStyled: () => (/* binding */ ButtonWrapperStyled),\n/* harmony export */ GlowEffectStyled: () => (/* binding */ GlowEffectStyled)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./src/ui/basic-button/constants.ts\");\nvar __makeTemplateObject = (undefined && undefined.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\n\nvar ButtonWrapperStyled = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({ displayName: \"ButtonWrapperStyled\", componentId: \"sc-1b8ijw3\" })(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: relative;\\n width: fit-content;\\n height: fit-content;\\n\"], [\"\\n position: relative;\\n width: fit-content;\\n height: fit-content;\\n\"])));\nvar GlowEffectStyled = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({ displayName: \"GlowEffectStyled\", componentId: \"sc-1gz8nxj\" })(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n --angular-gradients-1: conic-gradient(\\n from 196deg at 50% 50%,\\n #7147ff 0deg,\\n rgb(66 232 255 / 30%) 60deg,\\n rgb(66 232 255 / 0%) 95deg,\\n rgb(255 126 171 / 50%) 185deg,\\n #3083ff 274deg,\\n #7147ff 360deg\\n );\\n --padding: \", \";\\n\\n position: absolute;\\n padding: var(--padding);\\n inset: calc(var(--padding) * -1);\\n border-radius: 10px;\\n opacity: 0.3;\\n background: var(--angular-gradients-1);\\n filter: blur(10px);\\n\\n \", \"\\n\\n \", \"\\n\"], [\"\\n --angular-gradients-1: conic-gradient(\\n from 196deg at 50% 50%,\\n #7147ff 0deg,\\n rgb(66 232 255 / 30%) 60deg,\\n rgb(66 232 255 / 0%) 95deg,\\n rgb(255 126 171 / 50%) 185deg,\\n #3083ff 274deg,\\n #7147ff 360deg\\n );\\n --padding: \", \";\\n\\n position: absolute;\\n padding: var(--padding);\\n inset: calc(var(--padding) * -1);\\n border-radius: 10px;\\n opacity: 0.3;\\n background: var(--angular-gradients-1);\\n filter: blur(10px);\\n\\n \", \"\\n\\n \", \"\\n\"])), function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW ? '8px' : '10px';\n}, function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n padding-left: 0;\\n padding-right: 0;\\n inset: calc(var(--padding) * -1) 0;\\n opacity: 0.2;\\n \"], [\"\\n padding-left: 0;\\n padding-right: 0;\\n inset: calc(var(--padding) * -1) 0;\\n opacity: 0.2;\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n padding: 0;\\n inset: 0;\\n background: linear-gradient(\\n 180deg,\\n rgb(123 105 198 / 100%) 0%,\\n #312899 75%\\n );\\n \"], [\"\\n padding: 0;\\n inset: 0;\\n background: linear-gradient(\\n 180deg,\\n rgb(123 105 198 / 100%) 0%,\\n #312899 75%\\n );\\n \"])));\n});\nvar ButtonStyled = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].button.withConfig({ displayName: \"ButtonStyled\", componentId: \"sc-1fe8nyv\" })(templateObject_10 || (templateObject_10 = __makeTemplateObject([\"\\n --border-size: \", \";\\n --border-radius: \", \";\\n --basic-color-light: rgb(255 255 255 / 10%);\\n --basic-color-dark: rgb(0 0 0 / 50%);\\n --basic-color-dark-transparent: rgb(0 0 0 / 10%);\\n --basic-border-gradient: linear-gradient(\\n 35deg,\\n rgb(255 255 255 / 0%) -20%,\\n rgb(255 255 255 / 100%) 400%\\n );\\n --basic-border-monochrome: linear-gradient(\\n var(--basic-color-light),\\n var(--basic-color-light)\\n );\\n --action-border-gradient: conic-gradient(\\n from 180deg at 30% 10%,\\n #464db8 0deg,\\n rgb(203 217 255 / 0%) 100deg,\\n rgb(203 217 255 / 0%) 200deg,\\n #464db8 360deg\\n );\\n --action-border-monochrome: rgb(180 200 255 / 80%);\\n --action-background-gradient: linear-gradient(\\n 180deg,\\n rgb(0 0 0 / 0%) -40.91%,\\n #402788 300.95%\\n );\\n\\n display: flex;\\n align-items: center;\\n gap: 8px;\\n border: none;\\n position: relative;\\n color: white;\\n line-height: 20px;\\n backdrop-filter: blur(10px);\\n cursor: pointer;\\n text-wrap: nowrap;\\n border-radius: var(--border-radius);\\n font-size: var(--font-size-caption);\\n background: var(--basic-color-light);\\n \", \";\\n padding: \", \";\\n\\n &::before {\\n content: '';\\n position: absolute;\\n inset: calc(-1 * var(--border-size));\\n padding: var(--border-size);\\n border-radius: calc(var(--border-size) + var(--border-radius));\\n background-image: var(--basic-border-gradient);\\n background-color: var(--basic-color-light);\\n mask:\\n linear-gradient(#000 0 0) content-box,\\n linear-gradient(#000 0 0);\\n mask-composite: xor;\\n mask-composite: exclude;\\n\\n \", \";\\n\\n \", \";\\n }\\n\\n &:hover {\\n opacity: 0.7;\\n }\\n\\n &:active::before,\\n &:active {\\n opacity: 1;\\n\\n \", \";\\n\\n \", \";\\n }\\n\"], [\"\\n --border-size: \", \";\\n --border-radius: \", \";\\n --basic-color-light: rgb(255 255 255 / 10%);\\n --basic-color-dark: rgb(0 0 0 / 50%);\\n --basic-color-dark-transparent: rgb(0 0 0 / 10%);\\n --basic-border-gradient: linear-gradient(\\n 35deg,\\n rgb(255 255 255 / 0%) -20%,\\n rgb(255 255 255 / 100%) 400%\\n );\\n --basic-border-monochrome: linear-gradient(\\n var(--basic-color-light),\\n var(--basic-color-light)\\n );\\n --action-border-gradient: conic-gradient(\\n from 180deg at 30% 10%,\\n #464db8 0deg,\\n rgb(203 217 255 / 0%) 100deg,\\n rgb(203 217 255 / 0%) 200deg,\\n #464db8 360deg\\n );\\n --action-border-monochrome: rgb(180 200 255 / 80%);\\n --action-background-gradient: linear-gradient(\\n 180deg,\\n rgb(0 0 0 / 0%) -40.91%,\\n #402788 300.95%\\n );\\n\\n display: flex;\\n align-items: center;\\n gap: 8px;\\n border: none;\\n position: relative;\\n color: white;\\n line-height: 20px;\\n backdrop-filter: blur(10px);\\n cursor: pointer;\\n text-wrap: nowrap;\\n border-radius: var(--border-radius);\\n font-size: var(--font-size-caption);\\n background: var(--basic-color-light);\\n \", \";\\n padding: \", \";\\n\\n &::before {\\n content: '';\\n position: absolute;\\n inset: calc(-1 * var(--border-size));\\n padding: var(--border-size);\\n border-radius: calc(var(--border-size) + var(--border-radius));\\n background-image: var(--basic-border-gradient);\\n background-color: var(--basic-color-light);\\n mask:\\n linear-gradient(#000 0 0) content-box,\\n linear-gradient(#000 0 0);\\n mask-composite: xor;\\n mask-composite: exclude;\\n\\n \", \";\\n\\n \", \";\\n }\\n\\n &:hover {\\n opacity: 0.7;\\n }\\n\\n &:active::before,\\n &:active {\\n opacity: 1;\\n\\n \", \";\\n\\n \", \";\\n }\\n\"])), function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '2px' : '1px';\n}, function (_a) {\n var $size = _a.$size, $type = _a.$type;\n if ($size === _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.L) {\n return '9px';\n }\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '6px' : '7px';\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW || $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n box-shadow: 0 10px 20px 0 rgb(73 123 255 / 70%) inset;\\n background: var(--action-background-gradient);\\n &:active {\\n background: transparent;\\n }\\n \"], [\"\\n box-shadow: 0 10px 20px 0 rgb(73 123 255 / 70%) inset;\\n background: var(--action-background-gradient);\\n &:active {\\n background: transparent;\\n }\\n \"])));\n}, function (_a) {\n var $size = _a.$size, $type = _a.$type;\n switch ($size) {\n case _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.S:\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '2px 10px' : '3px 11px';\n case _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.M:\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '4px 14px' : '5px 15px';\n case _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.L:\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '10px 18px' : '11px 19px';\n default:\n return '4px 12px';\n }\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW || $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n background-image: var(--action-border-gradient);\\n background-color: var(--action-border-monochrome);\\n \"], [\"\\n background-image: var(--action-border-gradient);\\n background-color: var(--action-border-monochrome);\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_MONOCHROME ||\n $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n background-image: var(--basic-border-monochrome);\\n \"], [\"\\n background-image: var(--basic-border-monochrome);\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_MONOCHROME && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n background-color: var(--basic-color-dark-transparent);\\n \"], [\"\\n background-color: var(--basic-color-dark-transparent);\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC || $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject([\"\\n background-color: var(--basic-color-dark);\\n \"], [\"\\n background-color: var(--basic-color-dark);\\n \"])));\n});\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;\n\n\n//# sourceURL=webpack://puzzle-preview-library/./src/ui/basic-button/styled.ts?");
|
|
1324
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ButtonStyled: () => (/* binding */ ButtonStyled),\n/* harmony export */ ButtonWrapperStyled: () => (/* binding */ ButtonWrapperStyled),\n/* harmony export */ GlowEffectStyled: () => (/* binding */ GlowEffectStyled)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\n/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./constants */ \"./src/ui/basic-button/constants.ts\");\nvar __makeTemplateObject = (undefined && undefined.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\n\nvar ButtonWrapperStyled = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({ displayName: \"ButtonWrapperStyled\", componentId: \"sc-1b8ijw3\" })(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: relative;\\n width: fit-content;\\n height: fit-content;\\n\"], [\"\\n position: relative;\\n width: fit-content;\\n height: fit-content;\\n\"])));\nvar GlowEffectStyled = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].div.withConfig({ displayName: \"GlowEffectStyled\", componentId: \"sc-1gz8nxj\" })(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n --angular-gradients-1: conic-gradient(\\n from 196deg at 50% 50%,\\n #7147ff 0deg,\\n rgb(66 232 255 / 30%) 60deg,\\n rgb(66 232 255 / 0%) 95deg,\\n rgb(255 126 171 / 50%) 185deg,\\n #3083ff 274deg,\\n #7147ff 360deg\\n );\\n --padding: \", \";\\n\\n position: absolute;\\n padding: var(--padding);\\n inset: calc(var(--padding) * -1);\\n border-radius: 10px;\\n opacity: 0.3;\\n background: var(--angular-gradients-1);\\n filter: blur(10px);\\n\\n \", \"\\n\\n \", \"\\n\"], [\"\\n --angular-gradients-1: conic-gradient(\\n from 196deg at 50% 50%,\\n #7147ff 0deg,\\n rgb(66 232 255 / 30%) 60deg,\\n rgb(66 232 255 / 0%) 95deg,\\n rgb(255 126 171 / 50%) 185deg,\\n #3083ff 274deg,\\n #7147ff 360deg\\n );\\n --padding: \", \";\\n\\n position: absolute;\\n padding: var(--padding);\\n inset: calc(var(--padding) * -1);\\n border-radius: 10px;\\n opacity: 0.3;\\n background: var(--angular-gradients-1);\\n filter: blur(10px);\\n\\n \", \"\\n\\n \", \"\\n\"])), function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW ? '8px' : '10px';\n}, function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n padding-left: 0;\\n padding-right: 0;\\n inset: calc(var(--padding) * -1) 0;\\n opacity: 0.2;\\n \"], [\"\\n padding-left: 0;\\n padding-right: 0;\\n inset: calc(var(--padding) * -1) 0;\\n opacity: 0.2;\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n padding: 0;\\n inset: 0;\\n background: linear-gradient(\\n 180deg,\\n rgb(123 105 198 / 100%) 0%,\\n #312899 75%\\n );\\n \"], [\"\\n padding: 0;\\n inset: 0;\\n background: linear-gradient(\\n 180deg,\\n rgb(123 105 198 / 100%) 0%,\\n #312899 75%\\n );\\n \"])));\n});\nvar ButtonStyled = styled_components__WEBPACK_IMPORTED_MODULE_1__[\"default\"].button.withConfig({ displayName: \"ButtonStyled\", componentId: \"sc-1fe8nyv\" })(templateObject_10 || (templateObject_10 = __makeTemplateObject([\"\\n --border-size: \", \";\\n --border-radius: \", \";\\n --basic-color-light: rgb(255 255 255 / 10%);\\n --basic-color-dark: rgb(0 0 0 / 50%);\\n --basic-color-dark-transparent: rgb(0 0 0 / 10%);\\n --basic-border-gradient: linear-gradient(\\n 35deg,\\n rgb(255 255 255 / 0%) -20%,\\n rgb(255 255 255 / 100%) 400%\\n );\\n --basic-border-monochrome: linear-gradient(\\n var(--basic-color-light),\\n var(--basic-color-light)\\n );\\n --action-border-gradient: conic-gradient(\\n from 180deg at 30% 10%,\\n #464db8 0deg,\\n rgb(203 217 255 / 0%) 100deg,\\n rgb(203 217 255 / 0%) 200deg,\\n #464db8 360deg\\n );\\n --action-border-monochrome: rgb(180 200 255 / 80%);\\n --action-background-gradient: linear-gradient(\\n 180deg,\\n rgb(0 0 0 / 0%) -40.91%,\\n #402788 300.95%\\n );\\n\\n display: flex;\\n align-items: center;\\n gap: 8px;\\n border: none;\\n position: relative;\\n color: white;\\n line-height: 20px;\\n backdrop-filter: blur(10px);\\n cursor: pointer;\\n text-wrap: nowrap;\\n border-radius: var(--border-radius);\\n font-size: var(--font-size-caption);\\n background: var(--basic-color-light);\\n \", \";\\n padding: \", \";\\n\\n &::before {\\n content: '';\\n position: absolute;\\n inset: calc(-1 * var(--border-size));\\n padding: var(--border-size);\\n border-radius: calc(var(--border-size) + var(--border-radius));\\n background-image: var(--basic-border-gradient);\\n background-color: var(--basic-color-light);\\n mask:\\n linear-gradient(#000 0 0) content-box,\\n linear-gradient(#000 0 0);\\n mask-composite: xor;\\n mask-composite: exclude;\\n\\n \", \";\\n\\n \", \";\\n }\\n\\n &:hover {\\n opacity: 0.7;\\n }\\n\\n &:active::before,\\n &:active {\\n opacity: 1;\\n\\n \", \";\\n\\n \", \";\\n }\\n\"], [\"\\n --border-size: \", \";\\n --border-radius: \", \";\\n --basic-color-light: rgb(255 255 255 / 10%);\\n --basic-color-dark: rgb(0 0 0 / 50%);\\n --basic-color-dark-transparent: rgb(0 0 0 / 10%);\\n --basic-border-gradient: linear-gradient(\\n 35deg,\\n rgb(255 255 255 / 0%) -20%,\\n rgb(255 255 255 / 100%) 400%\\n );\\n --basic-border-monochrome: linear-gradient(\\n var(--basic-color-light),\\n var(--basic-color-light)\\n );\\n --action-border-gradient: conic-gradient(\\n from 180deg at 30% 10%,\\n #464db8 0deg,\\n rgb(203 217 255 / 0%) 100deg,\\n rgb(203 217 255 / 0%) 200deg,\\n #464db8 360deg\\n );\\n --action-border-monochrome: rgb(180 200 255 / 80%);\\n --action-background-gradient: linear-gradient(\\n 180deg,\\n rgb(0 0 0 / 0%) -40.91%,\\n #402788 300.95%\\n );\\n\\n display: flex;\\n align-items: center;\\n gap: 8px;\\n border: none;\\n position: relative;\\n color: white;\\n line-height: 20px;\\n backdrop-filter: blur(10px);\\n cursor: pointer;\\n text-wrap: nowrap;\\n border-radius: var(--border-radius);\\n font-size: var(--font-size-caption);\\n background: var(--basic-color-light);\\n \", \";\\n padding: \", \";\\n\\n &::before {\\n content: '';\\n position: absolute;\\n inset: calc(-1 * var(--border-size));\\n padding: var(--border-size);\\n border-radius: calc(var(--border-size) + var(--border-radius));\\n background-image: var(--basic-border-gradient);\\n background-color: var(--basic-color-light);\\n mask:\\n linear-gradient(#000 0 0) content-box,\\n linear-gradient(#000 0 0);\\n mask-composite: xor;\\n mask-composite: exclude;\\n\\n \", \";\\n\\n \", \";\\n }\\n\\n &:hover {\\n opacity: 0.7;\\n }\\n\\n &:active::before,\\n &:active {\\n opacity: 1;\\n\\n \", \";\\n\\n \", \";\\n }\\n\"])), function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '2px' : '1px';\n}, function (_a) {\n var $size = _a.$size, $type = _a.$type;\n if ($size === _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.L) {\n return '9px';\n }\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '6px' : '7px';\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW || $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n box-shadow: 0 10px 20px 0 rgb(73 123 255 / 70%) inset;\\n background: var(--action-background-gradient);\\n\\n &:active {\\n background: transparent;\\n }\\n \"], [\"\\n box-shadow: 0 10px 20px 0 rgb(73 123 255 / 70%) inset;\\n background: var(--action-background-gradient);\\n\\n &:active {\\n background: transparent;\\n }\\n \"])));\n}, function (_a) {\n var $size = _a.$size, $type = _a.$type;\n switch ($size) {\n case _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.S:\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '2px 10px' : '3px 11px';\n case _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.M:\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '4px 14px' : '5px 15px';\n case _constants__WEBPACK_IMPORTED_MODULE_0__.SIZE_VALUES.L:\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW ? '10px 18px' : '11px 19px';\n default:\n return '4px 12px';\n }\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION_GLOW || $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.ACTION) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n background-image: var(--action-border-gradient);\\n background-color: var(--action-border-monochrome);\\n \"], [\"\\n background-image: var(--action-border-gradient);\\n background-color: var(--action-border-monochrome);\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_MONOCHROME ||\n $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n background-image: var(--basic-border-monochrome);\\n \"], [\"\\n background-image: var(--basic-border-monochrome);\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_MONOCHROME && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n background-color: var(--basic-color-dark-transparent);\\n \"], [\"\\n background-color: var(--basic-color-dark-transparent);\\n \"])));\n}, function (_a) {\n var $type = _a.$type;\n return ($type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC || $type === _constants__WEBPACK_IMPORTED_MODULE_0__.TYPE_VALUES.BASIC_GLOW) && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject([\"\\n background-color: var(--basic-color-dark);\\n \"], [\"\\n background-color: var(--basic-color-dark);\\n \"])));\n});\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;\n\n\n//# sourceURL=webpack://puzzle-preview-library/./src/ui/basic-button/styled.ts?");
|
|
1325
1325
|
|
|
1326
1326
|
/***/ }),
|
|
1327
1327
|
|
|
@@ -1475,7 +1475,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
|
|
|
1475
1475
|
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
1476
1476
|
|
|
1477
1477
|
"use strict";
|
|
1478
|
-
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ModalWrapper: () => (/* binding */ ModalWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\nvar __makeTemplateObject = (undefined && undefined.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\nvar ModalWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({ displayName: \"ModalWrapper\", componentId: \"sc-3gtdv5\" })(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n width: 100vw;\\n height: 100vh;\\n position: absolute;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n z-index: 999;\\n backdrop-filter: blur(10px);\\n background: rgb(0 0 0 / 30%);\\n\"], [\"\\n width: 100vw;\\n height: 100vh;\\n position: absolute;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n z-index: 999;\\n backdrop-filter: blur(10px);\\n background: rgb(0 0 0 / 30%);\\n\"])));\nvar templateObject_1;\n\n\n//# sourceURL=webpack://puzzle-preview-library/./src/ui/modal/styled.ts?");
|
|
1478
|
+
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ ModalWrapper: () => (/* binding */ ModalWrapper)\n/* harmony export */ });\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"./node_modules/styled-components/dist/styled-components.browser.esm.js\");\nvar __makeTemplateObject = (undefined && undefined.__makeTemplateObject) || function (cooked, raw) {\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\n return cooked;\n};\n\nvar ModalWrapper = styled_components__WEBPACK_IMPORTED_MODULE_0__[\"default\"].div.withConfig({ displayName: \"ModalWrapper\", componentId: \"sc-3gtdv5\" })(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n width: 100vw;\\n height: 100vh;\\n position: absolute;\\n top: 0;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n z-index: 999;\\n backdrop-filter: blur(10px);\\n background: rgb(0 0 0 / 30%);\\n\"], [\"\\n width: 100vw;\\n height: 100vh;\\n position: absolute;\\n top: 0;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n z-index: 999;\\n backdrop-filter: blur(10px);\\n background: rgb(0 0 0 / 30%);\\n\"])));\nvar templateObject_1;\n\n\n//# sourceURL=webpack://puzzle-preview-library/./src/ui/modal/styled.ts?");
|
|
1479
1479
|
|
|
1480
1480
|
/***/ }),
|
|
1481
1481
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ModalWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
package/package.json
CHANGED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TProps } from '@ui/action-canvas/types';
|
|
3
|
-
export declare const ActionCanvas: ({ answersData, descriptionVideo, onAnswerMouseUp, onAnswerMouseDown, onContinue, onOpenPopup, isEditorMode, revealCorrectAnswer, }: TProps) => React.JSX.Element;
|