@salutejs/plasma-new-hope 0.320.1-canary.1910.14381785345.0 → 0.320.1-canary.1912.14382016568.0
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/cjs/components/Checkbox/Checkbox.js +3 -10
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/IconsSvg.js +0 -19
- package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/emotion/cjs/components/Checkbox/Checkbox.js +3 -10
- package/emotion/cjs/components/Checkbox/IconsSvg.js +1 -19
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.js +3 -6
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.js +3 -3
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.js +3 -3
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.js +3 -3
- package/emotion/es/components/Checkbox/Checkbox.js +4 -11
- package/emotion/es/components/Checkbox/IconsSvg.js +0 -18
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.js +2 -5
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.js +2 -2
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.js +2 -2
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
- package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.js +2 -2
- package/es/components/Checkbox/Checkbox.js +4 -11
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Checkbox/IconsSvg.js +1 -19
- package/es/components/Checkbox/IconsSvg.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/package.json +3 -3
- package/styled-components/cjs/components/Checkbox/Checkbox.js +3 -10
- package/styled-components/cjs/components/Checkbox/IconsSvg.js +1 -19
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.js +3 -6
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.js +3 -3
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.js +3 -3
- package/styled-components/es/components/Checkbox/Checkbox.js +4 -11
- package/styled-components/es/components/Checkbox/IconsSvg.js +0 -18
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.js +2 -5
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.js +2 -2
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
- package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
- package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.js +2 -2
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Checkbox/Checkbox.types.d.ts +0 -1
- package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -1
- package/types/components/Checkbox/IconsSvg.d.ts +0 -1
- package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.d.ts +3 -3
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
@@ -17,24 +17,6 @@ export var Done = function Done() {
|
|
17
17
|
d: "m5.70711,8.15582c-0.39053,-0.39052 -1.02369,-0.39052 -1.41422,0c-0.39052,0.39053 -0.39052,1.02369 0,1.41422l3.70666,3.70666l6.71095,-6.70248c0.3908,-0.39027 0.3912,-1.02344 0.0009,-1.41421c-0.3903,-0.39077 -1.02344,-0.39117 -1.41421,-0.00089l-5.29674,5.29004l-2.29334,-2.29334z"
|
18
18
|
})));
|
19
19
|
};
|
20
|
-
export var DoneThin = function DoneThin() {
|
21
|
-
return /*#__PURE__*/React.createElement("div", {
|
22
|
-
style: {
|
23
|
-
display: 'inline-flex'
|
24
|
-
}
|
25
|
-
}, /*#__PURE__*/React.createElement("svg", {
|
26
|
-
width: "10",
|
27
|
-
height: "8",
|
28
|
-
viewBox: "0 0 10 8",
|
29
|
-
fill: "none",
|
30
|
-
style: {
|
31
|
-
width: "var(".concat(tokens.triggerSize, ")")
|
32
|
-
}
|
33
|
-
}, /*#__PURE__*/React.createElement("path", {
|
34
|
-
d: "M0.5 4L3.5 7L9.5 1",
|
35
|
-
stroke: "var(".concat(tokens.iconColor, ")")
|
36
|
-
})));
|
37
|
-
};
|
38
20
|
export var Indeterminate = function Indeterminate() {
|
39
21
|
return /*#__PURE__*/React.createElement("div", {
|
40
22
|
style: {
|
@@ -10,7 +10,8 @@ export var config = {
|
|
10
10
|
*/
|
11
11
|
size: {
|
12
12
|
s: /*#__PURE__*/css(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
-
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
13
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
14
|
+
l: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
15
|
},
|
15
16
|
/**
|
16
17
|
* Вид контрола.
|
@@ -4,13 +4,10 @@ import { createConditionalComponent } from '../../../../utils/createConditionalC
|
|
4
4
|
import { config } from './Checkbox.config';
|
5
5
|
import { config as outlineConfig } from './Checkbox.outline.config';
|
6
6
|
var mergedConfigDefault = /*#__PURE__*/mergeConfig(checkboxConfig, config);
|
7
|
-
export var
|
7
|
+
export var CheckboxDefalut = /*#__PURE__*/component(mergedConfigDefault);
|
8
8
|
var mergedConfigOutline = /*#__PURE__*/mergeConfig(checkboxConfig, outlineConfig);
|
9
9
|
export var CheckboxOutline = /*#__PURE__*/component(mergedConfigOutline);
|
10
|
-
|
11
|
-
* Флажок или чекбокс. Позволяет пользователю управлять параметром с двумя состояниями — ☑ включено и ☐ отключено.
|
12
|
-
*/
|
13
|
-
export var Checkbox = /*#__PURE__*/createConditionalComponent(CheckboxDefault, [{
|
10
|
+
export var Checkbox = /*#__PURE__*/createConditionalComponent(CheckboxDefalut, [{
|
14
11
|
conditions: {
|
15
12
|
prop: 'appearance',
|
16
13
|
value: 'outline'
|
package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js
CHANGED
@@ -10,7 +10,8 @@ export var config = {
|
|
10
10
|
*/
|
11
11
|
size: {
|
12
12
|
s: /*#__PURE__*/css(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
-
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
13
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
14
|
+
l: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
15
|
},
|
15
16
|
/**
|
16
17
|
* Вид контрола.
|
@@ -4,10 +4,10 @@ import { createConditionalComponent } from '../../../../utils/createConditionalC
|
|
4
4
|
import { config } from './Radiobox.config';
|
5
5
|
import { config as outlineConfig } from './Radiobox.outline.config';
|
6
6
|
var mergedConfigDefault = /*#__PURE__*/mergeConfig(radioboxConfig, config);
|
7
|
-
export var
|
7
|
+
export var RadioboxDefalut = /*#__PURE__*/component(mergedConfigDefault);
|
8
8
|
var mergedConfigOutline = /*#__PURE__*/mergeConfig(radioboxConfig, outlineConfig);
|
9
9
|
export var RadioboxOutline = /*#__PURE__*/component(mergedConfigOutline);
|
10
|
-
export var Radiobox = /*#__PURE__*/createConditionalComponent(
|
10
|
+
export var Radiobox = /*#__PURE__*/createConditionalComponent(RadioboxDefalut, [{
|
11
11
|
conditions: {
|
12
12
|
prop: 'appearance',
|
13
13
|
value: 'outline'
|
@@ -10,7 +10,8 @@ export var config = {
|
|
10
10
|
*/
|
11
11
|
size: {
|
12
12
|
s: /*#__PURE__*/css(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.125rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
-
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
13
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
14
|
+
l: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.125rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
15
|
},
|
15
16
|
/**
|
16
17
|
* Вид контрола.
|
@@ -4,10 +4,10 @@ import { createConditionalComponent } from '../../../../utils/createConditionalC
|
|
4
4
|
import { config } from './Checkbox.config';
|
5
5
|
import { config as outlineConfig } from './Checkbox.outline.config';
|
6
6
|
var mergedConfigDefault = /*#__PURE__*/mergeConfig(checkboxConfig, config);
|
7
|
-
export var
|
7
|
+
export var CheckboxDefalut = /*#__PURE__*/component(mergedConfigDefault);
|
8
8
|
var mergedConfigOutline = /*#__PURE__*/mergeConfig(checkboxConfig, outlineConfig);
|
9
9
|
export var CheckboxOutline = /*#__PURE__*/component(mergedConfigOutline);
|
10
|
-
export var Checkbox = /*#__PURE__*/createConditionalComponent(
|
10
|
+
export var Checkbox = /*#__PURE__*/createConditionalComponent(CheckboxDefalut, [{
|
11
11
|
conditions: {
|
12
12
|
prop: 'appearance',
|
13
13
|
value: 'outline'
|
package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js
CHANGED
@@ -10,7 +10,8 @@ export var config = {
|
|
10
10
|
*/
|
11
11
|
size: {
|
12
12
|
s: /*#__PURE__*/css(["", ":0;", ":0.0625rem;", ":0.875rem;", ":0.25rem;", ":0.0625rem;", ":0;", ":0.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
13
|
-
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
13
|
+
m: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.125rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight),
|
14
|
+
l: /*#__PURE__*/css(["", ":0;", ":0.125rem;", ":1.25rem;", ":0.375rem;", ":0.0625rem;", ":0.0625rem;", ":0.75rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], checkboxTokens.margin, checkboxTokens.triggerPadding, checkboxTokens.triggerSize, checkboxTokens.triggerBorderRadius, checkboxTokens.triggerBorderWidth, checkboxTokens.contentTopOffset, checkboxTokens.contentLeftOffset, checkboxTokens.labelFontFamily, checkboxTokens.labelFontSize, checkboxTokens.labelFontStyle, checkboxTokens.labelFontWeight, checkboxTokens.labelLetterSpacing, checkboxTokens.labelLineHeight, checkboxTokens.descriptionMarginTop, checkboxTokens.descriptionFontFamily, checkboxTokens.descriptionFontSize, checkboxTokens.descriptionFontStyle, checkboxTokens.descriptionFontWeight, checkboxTokens.descriptionLetterSpacing, checkboxTokens.descriptionLineHeight)
|
14
15
|
},
|
15
16
|
/**
|
16
17
|
* Вид контрола.
|
@@ -4,10 +4,10 @@ import { createConditionalComponent } from '../../../../utils/createConditionalC
|
|
4
4
|
import { config } from './Radiobox.config';
|
5
5
|
import { config as outlineConfig } from './Radiobox.outline.config';
|
6
6
|
var mergedConfigDefault = /*#__PURE__*/mergeConfig(radioboxConfig, config);
|
7
|
-
export var
|
7
|
+
export var RadioboxDefalut = /*#__PURE__*/component(mergedConfigDefault);
|
8
8
|
var mergedConfigOutline = /*#__PURE__*/mergeConfig(radioboxConfig, outlineConfig);
|
9
9
|
export var RadioboxOutline = /*#__PURE__*/component(mergedConfigOutline);
|
10
|
-
export var Radiobox = /*#__PURE__*/createConditionalComponent(
|
10
|
+
export var Radiobox = /*#__PURE__*/createConditionalComponent(RadioboxDefalut, [{
|
11
11
|
conditions: {
|
12
12
|
prop: 'appearance',
|
13
13
|
value: 'outline'
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAkBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,aAAa,CAAC,
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAkBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,aAAa,CAAC,2FAyFvE,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA3FQ,UAAU,gBAAgB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;CAkH5E,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,
|
1
|
+
{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAEvD,MAAM,WAAW,YAAY;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,YAAY;CAAG"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconsSvg.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/IconsSvg.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,IAAI,mBAShB,CAAC;AAEF,eAAO,MAAM,
|
1
|
+
{"version":3,"file":"IconsSvg.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/IconsSvg.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,IAAI,mBAShB,CAAC;AAEF,eAAO,MAAM,aAAa,mBAMzB,CAAC"}
|
@@ -2,12 +2,12 @@ import React from 'react';
|
|
2
2
|
import type { InputHTMLAttributes } from '../../types';
|
3
3
|
import type { Filter, RootProps } from '../../engines/types';
|
4
4
|
import { BaseboxProps } from '../Checkbox/Checkbox.types';
|
5
|
-
declare type RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'
|
6
|
-
export declare const radioboxRoot: (Root: RootProps<HTMLInputElement, RadioboxProps>) => React.ForwardRefExoticComponent<Filter<InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<BaseboxProps, "indeterminate"
|
5
|
+
declare type RadioboxProps = Filter<InputHTMLAttributes<HTMLInputElement>, 'size'> & Omit<BaseboxProps, 'indeterminate'>;
|
6
|
+
export declare const radioboxRoot: (Root: RootProps<HTMLInputElement, RadioboxProps>) => React.ForwardRefExoticComponent<Filter<InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<BaseboxProps, "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
|
7
7
|
export declare const radioboxConfig: {
|
8
8
|
name: string;
|
9
9
|
tag: string;
|
10
|
-
layout: (Root: RootProps<HTMLInputElement, RadioboxProps>) => React.ForwardRefExoticComponent<Filter<InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<BaseboxProps, "indeterminate"
|
10
|
+
layout: (Root: RootProps<HTMLInputElement, RadioboxProps>) => React.ForwardRefExoticComponent<Filter<InputHTMLAttributes<HTMLInputElement>, "size"> & Omit<BaseboxProps, "indeterminate"> & React.RefAttributes<HTMLInputElement>>;
|
11
11
|
base: import("@linaria/core").LinariaClassName;
|
12
12
|
variations: {
|
13
13
|
size: {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Radiobox.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAU7D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAU1D,aAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,
|
1
|
+
{"version":3,"file":"Radiobox.d.ts","sourceRoot":"","sources":["../../../src/components/Radiobox/Radiobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAU7D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAU1D,aAAK,aAAa,GAAG,MAAM,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC;AAEjH,eAAO,MAAM,YAAY,SAAU,UAAU,gBAAgB,EAAE,aAAa,CAAC,yKA4EvE,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA9EQ,UAAU,gBAAgB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;CAqG5E,CAAC"}
|