@salutejs/plasma-new-hope 0.77.0-canary.1176.8751673379.0 → 0.77.0-canary.1176.8752187778.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Checkbox/variations/_focused/base.js +1 -1
- package/cjs/components/Checkbox/variations/_focused/base.js.map +1 -1
- package/cjs/components/Radiobox/variations/_focused/base.js.map +1 -1
- package/cjs/components/Radiobox/variations/_view/base.js.map +1 -1
- package/es/components/Checkbox/variations/_focused/base.js +1 -1
- package/es/components/Checkbox/variations/_focused/base.js.map +1 -1
- package/es/components/Radiobox/variations/_focused/base.js.map +1 -1
- package/es/components/Radiobox/variations/_view/base.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Checkbox/variations/_focused/base.js +1 -1
- package/styled-components/cjs/components/Radiobox/variations/_focused/base.js +3 -3
- package/styled-components/cjs/components/Radiobox/variations/_view/base.js +1 -1
- package/styled-components/es/components/Checkbox/variations/_focused/base.js +1 -1
- package/styled-components/es/components/Radiobox/variations/_focused/base.js +4 -4
- package/styled-components/es/components/Radiobox/variations/_view/base.js +2 -2
- package/types/components/Checkbox/variations/_focused/base.d.ts +1 -1
|
@@ -4,7 +4,7 @@ import './base_1rx10n8.css';
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
|
-
* INFO: на
|
|
7
|
+
* INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
|
|
8
8
|
* потому что линтер правит селектор и он применяется некорректно
|
|
9
9
|
*/
|
|
10
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Checkbox.tokens';\n\n/**\n * INFO: на
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Checkbox.tokens';\n\n/**\n * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},\n * потому что линтер правит селектор и он применяется некорректно\n */\n\nexport const base = css`\n .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.checkboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.188rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .checkbox-trigger,\n input[type='checkbox'][data-focus-visible-added]:indeterminate + label .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKA;AACA;AACA;AACA;;AAEO,IAAMA,IAAI,GAuChB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n .
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.radioboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.188rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAsChB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:checked + label .
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:checked + label .${classes.radioboxTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './base_1rx10n8.css';
|
|
2
2
|
/**
|
|
3
|
-
* INFO: на
|
|
3
|
+
* INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
|
|
4
4
|
* потому что линтер правит селектор и он применяется некорректно
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Checkbox.tokens';\n\n/**\n * INFO: на
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Checkbox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Checkbox.tokens';\n\n/**\n * INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},\n * потому что линтер правит селектор и он применяется некорректно\n */\n\nexport const base = css`\n .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.checkboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.188rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .checkbox-trigger,\n input[type='checkbox'][data-focus-visible-added]:indeterminate + label .${classes.checkboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":"AAKA;AACA;AACA;AACA;;AAEO,IAAMA,IAAI,GAuChB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n .
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { addFocus } from '../../../../mixins';\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '0',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: 'transparent',\n })}\n }\n\n input[data-focus-visible-added] + label .${classes.radioboxTrigger} {\n border-color: transparent;\n ${addFocus({\n outlineOffset: '-0.188rem',\n outlineSize: '0.125rem',\n outlineRadius: `var(${tokens.triggerBorderRadius})`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.125rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n\n input[data-focus-visible-added]:checked + label .${classes.radioboxTrigger} {\n ${addFocus({\n outlineOffset: '-0.125rem',\n outlineSize: '0.063rem',\n outlineRadius: `calc(var(${tokens.triggerBorderRadius}) + 0.125rem)`,\n outlineColor: `var(${tokens.focusColor})`,\n customFocusRules: `\n &::before {\n box-shadow: 0 0 0 0.063rem var(${tokens.focusColor});\n }\n `,\n })}\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsChB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:checked + label .
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Radiobox/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Radiobox.tokens';\n\nexport const base = css`\n input:checked + label .${classes.radioboxTrigger} {\n border: none;\n background: var(${tokens.fillColor});\n border-color: var(${tokens.fillColor});\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAMhB;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.77.0-canary.1176.
|
|
3
|
+
"version": "0.77.0-canary.1176.8752187778.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -102,5 +102,5 @@
|
|
|
102
102
|
"react-popper": "2.3.0",
|
|
103
103
|
"storeon": "3.1.5"
|
|
104
104
|
},
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "fca8751589c61eaf9fb632109fe4565d984ac45f"
|
|
106
106
|
}
|
|
@@ -8,7 +8,7 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
|
8
8
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
|
9
9
|
var _Checkbox = /*#__PURE__*/require("../../Checkbox.tokens");
|
|
10
10
|
/**
|
|
11
|
-
* INFO: на
|
|
11
|
+
* INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
|
|
12
12
|
* потому что линтер правит селектор и он применяется некорректно
|
|
13
13
|
*/
|
|
14
14
|
|
|
@@ -7,18 +7,18 @@ exports.base = void 0;
|
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _mixins = /*#__PURE__*/require("../../../../mixins");
|
|
9
9
|
var _Radiobox = /*#__PURE__*/require("../../Radiobox.tokens");
|
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".
|
|
10
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .", "{", "}"], _Radiobox.classes.radioboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
11
11
|
outlineOffset: '0',
|
|
12
12
|
outlineSize: '0.125rem',
|
|
13
13
|
outlineRadius: /*#__PURE__*/"var(".concat(_Radiobox.tokens.triggerBorderRadius, ")"),
|
|
14
14
|
outlineColor: 'transparent'
|
|
15
|
-
}), /*#__PURE__*/(0, _mixins.addFocus)({
|
|
15
|
+
}), _Radiobox.classes.radioboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
16
16
|
outlineOffset: '-0.188rem',
|
|
17
17
|
outlineSize: '0.125rem',
|
|
18
18
|
outlineRadius: /*#__PURE__*/"var(".concat(_Radiobox.tokens.triggerBorderRadius, ")"),
|
|
19
19
|
outlineColor: /*#__PURE__*/"var(".concat(_Radiobox.tokens.focusColor, ")"),
|
|
20
20
|
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(_Radiobox.tokens.focusColor, ");\n }\n ")
|
|
21
|
-
}), /*#__PURE__*/(0, _mixins.addFocus)({
|
|
21
|
+
}), _Radiobox.classes.radioboxTrigger, /*#__PURE__*/(0, _mixins.addFocus)({
|
|
22
22
|
outlineOffset: '-0.125rem',
|
|
23
23
|
outlineSize: '0.063rem',
|
|
24
24
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(_Radiobox.tokens.triggerBorderRadius, ") + 0.125rem)"),
|
|
@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.base = void 0;
|
|
7
7
|
var _styledComponents = /*#__PURE__*/require("styled-components");
|
|
8
8
|
var _Radiobox = /*#__PURE__*/require("../../Radiobox.tokens");
|
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:checked + label .
|
|
9
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["input:checked + label .", "{border:none;background:var(", ");border-color:var(", ");}"], _Radiobox.classes.radioboxTrigger, _Radiobox.tokens.fillColor, _Radiobox.tokens.fillColor);
|
|
@@ -3,7 +3,7 @@ import { addFocus } from '../../../../mixins';
|
|
|
3
3
|
import { classes, tokens } from '../../Checkbox.tokens';
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
|
-
* INFO: на
|
|
6
|
+
* INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
|
|
7
7
|
* потому что линтер правит селектор и он применяется некорректно
|
|
8
8
|
*/
|
|
9
9
|
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
2
|
import { addFocus } from '../../../../mixins';
|
|
3
|
-
import { tokens } from '../../Radiobox.tokens';
|
|
4
|
-
export var base = /*#__PURE__*/css([".
|
|
3
|
+
import { classes, tokens } from '../../Radiobox.tokens';
|
|
4
|
+
export var base = /*#__PURE__*/css([".", "{", "}input[data-focus-visible-added] + label .", "{border-color:transparent;", "}input[data-focus-visible-added]:checked + label .", "{", "}"], classes.radioboxTrigger, /*#__PURE__*/addFocus({
|
|
5
5
|
outlineOffset: '0',
|
|
6
6
|
outlineSize: '0.125rem',
|
|
7
7
|
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
|
8
8
|
outlineColor: 'transparent'
|
|
9
|
-
}), /*#__PURE__*/addFocus({
|
|
9
|
+
}), classes.radioboxTrigger, /*#__PURE__*/addFocus({
|
|
10
10
|
outlineOffset: '-0.188rem',
|
|
11
11
|
outlineSize: '0.125rem',
|
|
12
12
|
outlineRadius: /*#__PURE__*/"var(".concat(tokens.triggerBorderRadius, ")"),
|
|
13
13
|
outlineColor: /*#__PURE__*/"var(".concat(tokens.focusColor, ")"),
|
|
14
14
|
customFocusRules: /*#__PURE__*/"\n &::before {\n box-shadow: 0 0 0 0.125rem var(".concat(tokens.focusColor, ");\n }\n ")
|
|
15
|
-
}), /*#__PURE__*/addFocus({
|
|
15
|
+
}), classes.radioboxTrigger, /*#__PURE__*/addFocus({
|
|
16
16
|
outlineOffset: '-0.125rem',
|
|
17
17
|
outlineSize: '0.063rem',
|
|
18
18
|
outlineRadius: /*#__PURE__*/"calc(var(".concat(tokens.triggerBorderRadius, ") + 0.125rem)"),
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
-
import { tokens } from '../../Radiobox.tokens';
|
|
3
|
-
export var base = /*#__PURE__*/css(["input:checked + label .
|
|
2
|
+
import { classes, tokens } from '../../Radiobox.tokens';
|
|
3
|
+
export var base = /*#__PURE__*/css(["input:checked + label .", "{border:none;background:var(", ");border-color:var(", ");}"], classes.radioboxTrigger, tokens.fillColor, tokens.fillColor);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* INFO: на
|
|
2
|
+
* INFO: на 36 строке нет возможности использвать .${classes.checkboxTrigger},
|
|
3
3
|
* потому что линтер правит селектор и он применяется некорректно
|
|
4
4
|
*/
|
|
5
5
|
export declare const base: import("@linaria/core").LinariaClassName;
|