@salutejs-ds/yvvyschshol 0.1.0

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -0,0 +1,99 @@
+{
+    "name": "@salutejs-ds/yvvyschshol",
+    "version": "0.1.0",
+    "description": "Salute Design System / React UI kit for web applications",
+    "author": "Salute Frontend Team <salute.developers@gmail.com>",
+    "license": "MIT",
+    "keywords": [
+        "design-system",
+        "react-components",
+        "ui-kit",
+        "react"
+    ],
+    "files": [
+        "styled-components",
+        "components",
+        "es",
+        "theme",
+        "css",
+        "index.css",
+        "index.d.ts",
+        "index.js",
+        "index.js.map",
+        "_virtual"
+    ],
+    "main": "index.js",
+    "module": "es/index.js",
+    "types": "index.d.ts",
+    "repository": {
+        "type": "git",
+        "url": "ssh://git@github.com:salute-developers/plasma.git",
+        "directory": "packages/yvvyschshol"
+    },
+    "dependencies": {
+        "@salutejs/plasma-new-hope": "0.341.0-canary.1983.19295272379.0"
+    },
+    "peerDependencies": {
+        "react": ">=16.13.1",
+        "react-dom": ">=16.13.1",
+        "styled-components": "^5.3.1"
+    },
+    "devDependencies": {
+        "@babel/cli": "7.24.1",
+        "@babel/core": "7.24.4",
+        "@babel/plugin-proposal-class-properties": "7.18.6",
+        "@babel/plugin-transform-class-properties": "7.24.1",
+        "@babel/plugin-transform-react-constant-elements": "7.24.1",
+        "@babel/preset-env": "7.24.4",
+        "@babel/preset-react": "7.24.1",
+        "@babel/preset-typescript": "7.24.1",
+        "@ironkinoko/rollup-plugin-styles": "^4.0.3",
+        "@linaria/core": "5.0.2",
+        "@linaria/react": "5.0.3",
+        "@linaria/rollup": "5.0.4",
+        "@microsoft/api-extractor": "7.38.3",
+        "@rollup/plugin-babel": "^6.0.4",
+        "@rollup/plugin-commonjs": "^25.0.4",
+        "@rollup/plugin-node-resolve": "^15.1.0",
+        "@salutejs/plasma-colors": "0.15.0",
+        "@salutejs/plasma-core": "1.197.0",
+        "@salutejs/plasma-cy-utils": "0.128.0",
+        "@salutejs/plasma-icons": "1.218.0",
+        "@salutejs/plasma-sb-utils": "0.198.0",
+        "@types/node": "16.7.13",
+        "@types/react": "18.0.28",
+        "@types/react-dom": "18.0.11",
+        "@types/styled-components": "5.1.0",
+        "babel-loader": "8.2.2",
+        "babel-plugin-annotate-pure-calls": "0.4.0",
+        "babel-plugin-styled-components": "1.13.2",
+        "default-browser-id": "2.0.0",
+        "react": "18.2.0",
+        "react-dom": "18.2.0",
+        "rollup": "^3.28.0",
+        "styled-components": "5.3.1",
+        "vite": "4.5.3"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "prepare": "npm run build",
+        "prebuild": "rm -rf ./components ./es ./tokens ./theme ./css ./index.* && npm run prebuild:css",
+        "prebuild:css": "rm -rf src-css && ./scripts/copy-linaria-components.sh",
+        "build": "CSS_BUILD_PATH=css npm run copy-css-files && npm run lint -- --fix && npm run build:styled-components && npm run build:css",
+        "postbuild": "npm run generate:typings",
+        "build:styled-components": "npm run build:styled-components:esm && npm run build:styled-components:cjs",
+        "build:styled-components:cjs": "BABEL_ENV=cjs SC_NAMESPACE=yvvyschshol babel ./src/components --out-dir ./styled-components/cjs --extensions .ts,.tsx",
+        "build:styled-components:esm": "BABEL_ENV=esm SC_NAMESPACE=yvvyschshol babel ./src/components --out-dir ./styled-components/es --extensions .ts,.tsx",
+        "build:css": "BABEL_ENV=esm SC_NAMESPACE=yvvyschshol rollup -c",
+        "postbuild:css": "rm -rf src-css",
+        "pregenerate:typings": "rm -rf components/**/*.d.ts && rm -f index.d.ts",
+        "generate:typings": "tsc --outDir . --emitDeclarationOnly",
+        "copy-css-files": "mkdir -p ${CSS_BUILD_PATH} && cp -R src/theme/css/* ${CSS_BUILD_PATH}",
+        "lint": "../node_modules/.bin/eslint ./src --ext .ts --quiet"
+    },
+    "sideEffects": [
+        "*.css"
+    ]
+}

package/styled-components/cjs/Button/Button.config.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var config = exports.config = {
+  defaults: {
+    shape: 'rounded',
+    view: 'accent',
+    size: 'm'
+  },
+  variations: {
+    shape: {
+      rounded: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-circle);\n            "])), _styledComponents.buttonTokens.buttonRadius),
+      pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-circle);\n            "])), _styledComponents.buttonTokens.buttonRadius)
+    },
+    size: {
+      xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-xs);\n                ", ": 4rem;\n                ", ": 1.75rem;\n                ", ": 12.5rem;\n                ", ": 1.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-l-bold-font-family);\n                ", ": var(--plasma-typo-body-l-bold-font-size);\n                ", ": var(--plasma-typo-body-l-bold-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-l-bold-line-height);\n            "])), _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-l);\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 12.5rem;\n                ", ": 1.375rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-l-bold-font-family);\n                ", ": var(--plasma-typo-body-l-bold-font-size);\n                ", ": var(--plasma-typo-body-l-bold-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-l-bold-line-height);\n            "])), _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-m);\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": 11.25rem;\n                ", ": 1.375rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n            "])), _styledComponents.buttonTokens.buttonRadius, _styledComponents.buttonTokens.buttonHeight, _styledComponents.buttonTokens.buttonPadding, _styledComponents.buttonTokens.buttonWidth, _styledComponents.buttonTokens.buttonSpinnerSize, _styledComponents.buttonTokens.buttonLeftContentMargin, _styledComponents.buttonTokens.buttonValueMargin, _styledComponents.buttonTokens.buttonFontFamily, _styledComponents.buttonTokens.buttonFontSize, _styledComponents.buttonTokens.buttonFontStyle, _styledComponents.buttonTokens.buttonFontWeight, _styledComponents.buttonTokens.buttonLetterSpacing, _styledComponents.buttonTokens.buttonLineHeight)
+    },
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-active);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-secondary);\n            "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonValueColor),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonValueColor),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-active);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n            "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonValueColor),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonBackgroundColorActive, _styledComponents.buttonTokens.buttonBackgroundColorHover, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonColor, _styledComponents.buttonTokens.buttonSpinnerColor, _styledComponents.buttonTokens.buttonValueColor),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-info);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.buttonTokens.buttonBackgroundColor, _styledComponents.buttonTokens.buttonLoadingBackgroundColor, _styledComponents.buttonTokens.buttonColor)
+    }
+  },
+  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject1 || (_templateObject1 = /*#__PURE__*/_taggedTemplateLiteral(["\n        ", ": 0.4;\n        ", ": var(--text-accent);\n    "])), _styledComponents.buttonTokens.buttonDisabledOpacity, _styledComponents.buttonTokens.buttonFocusColor)
+};

package/styled-components/cjs/Button/Button.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Button = /*#__PURE__*/require("./Button.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.buttonConfig, _Button.config);
+var ButtonComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+
+/**
+ * Кнопка.
+ */
+var Button = exports.Button = ButtonComponent;

package/styled-components/cjs/Button/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function get() {
+    return _Button.Button;
+  }
+});
+var _Button = /*#__PURE__*/require("./Button");

package/styled-components/cjs/Checkbox/Checkbox.config.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'accent',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.0625rem;\n                ", ": 0.875rem;\n                ", ": var(--border-radius-xxs);\n                ", ": 0.0625rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": var(--border-radius-xs);\n                ", ": 0.125rem;\n                ", ": 0.0625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": var(--border-radius-xs);\n                ", ": 0.125rem;\n                ", ": 0.0625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.checkboxTokens.margin, _styledComponents.checkboxTokens.triggerPadding, _styledComponents.checkboxTokens.triggerSize, _styledComponents.checkboxTokens.triggerBorderRadius, _styledComponents.checkboxTokens.triggerBorderWidth, _styledComponents.checkboxTokens.contentTopOffset, _styledComponents.checkboxTokens.contentLeftOffset, _styledComponents.checkboxTokens.descriptionMarginTop, _styledComponents.checkboxTokens.labelFontFamily, _styledComponents.checkboxTokens.labelFontSize, _styledComponents.checkboxTokens.labelFontStyle, _styledComponents.checkboxTokens.labelFontWeight, _styledComponents.checkboxTokens.labelLetterSpacing, _styledComponents.checkboxTokens.labelLineHeight, _styledComponents.checkboxTokens.descriptionFontFamily, _styledComponents.checkboxTokens.descriptionFontSize, _styledComponents.checkboxTokens.descriptionFontStyle, _styledComponents.checkboxTokens.descriptionFontWeight, _styledComponents.checkboxTokens.descriptionLetterSpacing, _styledComponents.checkboxTokens.descriptionLineHeight)
+    },
+    view: {
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary);\n                ", ": transparent;\n            "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-negative);\n                ", ": transparent;\n            "])), _styledComponents.checkboxTokens.fillColor, _styledComponents.checkboxTokens.iconColor, _styledComponents.checkboxTokens.labelColor, _styledComponents.checkboxTokens.descriptionColor, _styledComponents.checkboxTokens.triggerBackgroundColor, _styledComponents.checkboxTokens.triggerBorderColor, _styledComponents.checkboxTokens.triggerBorderCheckedColor)
+    }
+  },
+  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n        ", ": 0.4;\n        ", ": var(--text-accent);\n    "])), _styledComponents.checkboxTokens.disabledOpacity, _styledComponents.checkboxTokens.focusColor)
+};

package/styled-components/cjs/Checkbox/Checkbox.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Checkbox = /*#__PURE__*/require("./Checkbox.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.checkboxConfig, _Checkbox.config);
+var CheckboxComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+
+/**
+ * Флажок или чекбокс, который позволяет управлять двумя состояниями.
+ */
+var Checkbox = exports.Checkbox = CheckboxComponent;

package/styled-components/cjs/Checkbox/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox.Checkbox;
+  }
+});
+var _Checkbox = /*#__PURE__*/require("./Checkbox");

package/styled-components/cjs/IconButton/IconButton.config.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var config = exports.config = {
+  defaults: {
+    shape: 'rounded',
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    shape: {
+      rounded: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      pilled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-circle);\n            "])), _styledComponents.iconButtonTokens.iconButtonRadius)
+    },
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-active);\n                ", ": var(--surface-solid-default-hover);\n            "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonSpinnerColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary-hover);\n            "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonSpinnerColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-active);\n                ", ": var(--surface-accent-hover);\n            "])), _styledComponents.iconButtonTokens.iconButtonColor, _styledComponents.iconButtonTokens.iconButtonColorActive, _styledComponents.iconButtonTokens.iconButtonColorHover, _styledComponents.iconButtonTokens.iconButtonLoadingBackgroundColor, _styledComponents.iconButtonTokens.iconButtonSpinnerColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColor, _styledComponents.iconButtonTokens.iconButtonBackgroundColorActive, _styledComponents.iconButtonTokens.iconButtonBackgroundColorHover)
+    },
+    size: {
+      xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-l);\n                ", ": 4rem;\n                ", ": 1.25rem;\n                ", ": 4rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonSpinnerSize),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-l);\n                ", ": 3.5rem;\n                ", ": 1rem;\n                ", ": 3.5rem;\n                ", ": 1.375rem;\n            "])), _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonSpinnerSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-m);\n                ", ": 3rem;\n                ", ": 0.75rem;\n                ", ": 3rem;\n                ", ": 1.375rem;\n            "])), _styledComponents.iconButtonTokens.iconButtonRadius, _styledComponents.iconButtonTokens.iconButtonHeight, _styledComponents.iconButtonTokens.iconButtonPadding, _styledComponents.iconButtonTokens.iconButtonWidth, _styledComponents.iconButtonTokens.iconButtonSpinnerSize)
+    }
+  },
+  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n        ", ": 0.4;\n        ", ": var(--text-accent);\n    "])), _styledComponents.iconButtonTokens.iconButtonDisabledOpacity, _styledComponents.iconButtonTokens.iconButtonFocusColor)
+};

package/styled-components/cjs/IconButton/IconButton.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IconButton = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _IconButton = /*#__PURE__*/require("./IconButton.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.iconButtonConfig, _IconButton.config);
+var IconButtonComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+
+/**
+ * Кнопка с иконкой.
+ */
+var IconButton = exports.IconButton = IconButtonComponent;

package/styled-components/cjs/IconButton/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IconButton", {
+  enumerable: true,
+  get: function get() {
+    return _IconButton.IconButton;
+  }
+});
+var _IconButton = /*#__PURE__*/require("./IconButton");

package/styled-components/cjs/Link/Link.config.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary-hover);\n                ", ": 0rem;\n            "])), _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkUnderlineBorder),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-active);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary-active);\n                ", ": var(--text-tertiary-hover);\n                ", ": 0rem;\n            "])), _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkUnderlineBorder),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--text-accent-active);\n                ", ": var(--text-accent-hover);\n                ", ": var(--text-accent-minor);\n                ", ": var(--text-accent-minor-active);\n                ", ": var(--text-accent-minor-hover);\n                ", ": 0rem;\n            "])), _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorActive, _styledComponents.linkTokens.linkColorHover, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkColorVisitedActive, _styledComponents.linkTokens.linkColorVisitedHover, _styledComponents.linkTokens.linkUnderlineBorder),
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": inherit;\n                ", ": inherit;\n                ", ": 0.0625rem;\n            "])), _styledComponents.linkTokens.linkColor, _styledComponents.linkTokens.linkColorVisited, _styledComponents.linkTokens.linkUnderlineBorder)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.linkTokens.linkFontFamily, _styledComponents.linkTokens.linkFontSize, _styledComponents.linkTokens.linkFontStyle, _styledComponents.linkTokens.linkFontWeight, _styledComponents.linkTokens.linkLetterSpacing, _styledComponents.linkTokens.linkLineHeight)
+    }
+  },
+  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n        ", ": 0.4;\n        ", ": var(--text-accent);\n    "])), _styledComponents.linkTokens.linkDisabledOpacity, _styledComponents.linkTokens.linkColorFocus)
+};

package/styled-components/cjs/Link/Link.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Link = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Link = /*#__PURE__*/require("./Link.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.linkConfig, _Link.config);
+var LinkComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+
+/**
+ * Ссылка.
+ */
+var Link = exports.Link = LinkComponent;

package/styled-components/cjs/Link/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function get() {
+    return _Link.Link;
+  }
+});
+var _Link = /*#__PURE__*/require("./Link");

package/styled-components/cjs/Radiobox/Radiobox.config.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'accent',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.0625rem;\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": var(--border-radius-xl);\n                ", ": 0.0625rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.0625rem;\n                ", ": 1.375rem;\n                ", ": 0.625rem;\n                ", ": var(--border-radius-xl);\n                ", ": 0.125rem;\n                ", ": 0.0625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.0625rem;\n                ", ": 1.375rem;\n                ", ": 0.625rem;\n                ", ": var(--border-radius-xl);\n                ", ": 0.125rem;\n                ", ": 0.0625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.radioboxTokens.margin, _styledComponents.radioboxTokens.triggerPadding, _styledComponents.radioboxTokens.triggerSize, _styledComponents.radioboxTokens.ellipseSize, _styledComponents.radioboxTokens.triggerBorderRadius, _styledComponents.radioboxTokens.triggerBorderWidth, _styledComponents.radioboxTokens.contentTopOffset, _styledComponents.radioboxTokens.contentLeftOffset, _styledComponents.radioboxTokens.descriptionMarginTop, _styledComponents.radioboxTokens.labelFontFamily, _styledComponents.radioboxTokens.labelFontSize, _styledComponents.radioboxTokens.labelFontStyle, _styledComponents.radioboxTokens.labelFontWeight, _styledComponents.radioboxTokens.labelLetterSpacing, _styledComponents.radioboxTokens.labelLineHeight, _styledComponents.radioboxTokens.descriptionFontFamily, _styledComponents.radioboxTokens.descriptionFontSize, _styledComponents.radioboxTokens.descriptionFontStyle, _styledComponents.radioboxTokens.descriptionFontWeight, _styledComponents.radioboxTokens.descriptionLetterSpacing, _styledComponents.radioboxTokens.descriptionLineHeight)
+    },
+    view: {
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary);\n                ", ": transparent;\n            "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.labelColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-negative);\n                ", ": transparent;\n            "])), _styledComponents.radioboxTokens.fillColor, _styledComponents.radioboxTokens.ellipseColor, _styledComponents.radioboxTokens.labelColor, _styledComponents.radioboxTokens.descriptionColor, _styledComponents.radioboxTokens.triggerBackgroundColor, _styledComponents.radioboxTokens.triggerBorderColor, _styledComponents.radioboxTokens.triggerBorderCheckedColor)
+    }
+  },
+  invariants: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n        ", ": 0.4;\n        ", ": var(--text-accent);\n    "])), _styledComponents.radioboxTokens.disabledOpacity, _styledComponents.radioboxTokens.focusColor)
+};

package/styled-components/cjs/Radiobox/Radiobox.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Radiobox = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Radiobox = /*#__PURE__*/require("./Radiobox.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.radioboxConfig, _Radiobox.config);
+var RadioboxComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+
+/**
+ * Переключатель (радиокнопка)
+ */
+var Radiobox = exports.Radiobox = RadioboxComponent;

package/styled-components/cjs/Radiobox/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Radiobox", {
+  enumerable: true,
+  get: function get() {
+    return _Radiobox.Radiobox;
+  }
+});
+var _Radiobox = /*#__PURE__*/require("./Radiobox");

package/styled-components/es/Button/Button.config.js

@@ -0,0 +1,29 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css, buttonTokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    shape: 'rounded',
+    view: 'accent',
+    size: 'm'
+  },
+  variations: {
+    shape: {
+      rounded: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-circle);\n            "])), buttonTokens.buttonRadius),
+      pilled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-circle);\n            "])), buttonTokens.buttonRadius)
+    },
+    size: {
+      xl: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-xs);\n                ", ": 4rem;\n                ", ": 1.75rem;\n                ", ": 12.5rem;\n                ", ": 1.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-l-bold-font-family);\n                ", ": var(--plasma-typo-body-l-bold-font-size);\n                ", ": var(--plasma-typo-body-l-bold-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-l-bold-line-height);\n            "])), buttonTokens.buttonRadius, buttonTokens.buttonHeight, buttonTokens.buttonPadding, buttonTokens.buttonWidth, buttonTokens.buttonSpinnerSize, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight),
+      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-l);\n                ", ": 3.5rem;\n                ", ": 1.5rem;\n                ", ": 12.5rem;\n                ", ": 1.375rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-l-bold-font-family);\n                ", ": var(--plasma-typo-body-l-bold-font-size);\n                ", ": var(--plasma-typo-body-l-bold-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-l-bold-line-height);\n            "])), buttonTokens.buttonRadius, buttonTokens.buttonHeight, buttonTokens.buttonPadding, buttonTokens.buttonWidth, buttonTokens.buttonSpinnerSize, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight),
+      m: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--border-radius-m);\n                ", ": 3rem;\n                ", ": 1.25rem;\n                ", ": 11.25rem;\n                ", ": 1.375rem;\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-m-bold-font-family);\n                ", ": var(--plasma-typo-body-m-bold-font-size);\n                ", ": var(--plasma-typo-body-m-bold-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-bold-letter-spacing);\n                ", ": var(--plasma-typo-body-m-bold-line-height);\n            "])), buttonTokens.buttonRadius, buttonTokens.buttonHeight, buttonTokens.buttonPadding, buttonTokens.buttonWidth, buttonTokens.buttonSpinnerSize, buttonTokens.buttonLeftContentMargin, buttonTokens.buttonValueMargin, buttonTokens.buttonFontFamily, buttonTokens.buttonFontSize, buttonTokens.buttonFontStyle, buttonTokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, buttonTokens.buttonLineHeight)
+    },
+    view: {
+      "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-active);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-secondary);\n            "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonColor, buttonTokens.buttonSpinnerColor, buttonTokens.buttonValueColor),
+      secondary: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonColor, buttonTokens.buttonSpinnerColor, buttonTokens.buttonValueColor),
+      accent: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-active);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-secondary);\n            "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonColor, buttonTokens.buttonSpinnerColor, buttonTokens.buttonValueColor),
+      clear: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-clear);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorActive, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonColor, buttonTokens.buttonSpinnerColor, buttonTokens.buttonValueColor),
+      positive: /*#__PURE__*/css(_templateObject0 || (_templateObject0 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-info);\n                ", ": var(--text-tertiary);\n            "])), buttonTokens.buttonBackgroundColor, buttonTokens.buttonLoadingBackgroundColor, buttonTokens.buttonColor)
+    }
+  },
+  invariants: /*#__PURE__*/css(_templateObject1 || (_templateObject1 = /*#__PURE__*/_taggedTemplateLiteral(["\n        ", ": 0.4;\n        ", ": var(--text-accent);\n    "])), buttonTokens.buttonDisabledOpacity, buttonTokens.buttonFocusColor)
+};

package/styled-components/es/Button/Button.js

@@ -0,0 +1,9 @@
+import { buttonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Button.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig, config);
+var ButtonComponent = /*#__PURE__*/component(mergedConfig);
+
+/**
+ * Кнопка.
+ */
+export var Button = ButtonComponent;

package/styled-components/es/Button/index.js

@@ -0,0 +1 @@
+export { Button } from './Button';

package/styled-components/es/Checkbox/Checkbox.config.js

@@ -0,0 +1,21 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { css, checkboxTokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    view: 'accent',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.0625rem;\n                ", ": 0.875rem;\n                ", ": var(--border-radius-xxs);\n                ", ": 0.0625rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.descriptionMarginTop, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
+      l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": var(--border-radius-xs);\n                ", ": 0.125rem;\n                ", ": 0.0625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.descriptionMarginTop, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
+      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": var(--border-radius-xs);\n                ", ": 0.125rem;\n                ", ": 0.0625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.descriptionMarginTop, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
+    },
+    view: {
+      accent: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary);\n                ", ": transparent;\n            "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor),
+      negative: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-negative);\n                ", ": transparent;\n            "])), checkboxTokens.fillColor, checkboxTokens.iconColor, checkboxTokens.labelColor, checkboxTokens.descriptionColor, checkboxTokens.triggerBackgroundColor, checkboxTokens.triggerBorderColor, checkboxTokens.triggerBorderCheckedColor)
+    }
+  },
+  invariants: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n        ", ": 0.4;\n        ", ": var(--text-accent);\n    "])), checkboxTokens.disabledOpacity, checkboxTokens.focusColor)
+};

package/styled-components/es/Checkbox/Checkbox.js

@@ -0,0 +1,9 @@
+import { checkboxConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Checkbox.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(checkboxConfig, config);
+var CheckboxComponent = /*#__PURE__*/component(mergedConfig);
+
+/**
+ * Флажок или чекбокс, который позволяет управлять двумя состояниями.
+ */
+export var Checkbox = CheckboxComponent;

package/styled-components/es/Checkbox/index.js

@@ -0,0 +1 @@
+export { Checkbox } from './Checkbox';