@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.
Files changed (66) hide show
  1. package/cjs/components/Checkbox/Checkbox.js +3 -10
  2. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  3. package/cjs/components/Checkbox/IconsSvg.js +0 -19
  4. package/cjs/components/Checkbox/IconsSvg.js.map +1 -1
  5. package/cjs/components/Radiobox/Radiobox.js.map +1 -1
  6. package/emotion/cjs/components/Checkbox/Checkbox.js +3 -10
  7. package/emotion/cjs/components/Checkbox/IconsSvg.js +1 -19
  8. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
  9. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.js +3 -6
  10. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
  11. package/emotion/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  12. package/emotion/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.js +3 -3
  13. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
  14. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.js +3 -3
  15. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
  16. package/emotion/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  17. package/emotion/cjs/examples/plasma_web/components/Radiobox/Radiobox.js +3 -3
  18. package/emotion/es/components/Checkbox/Checkbox.js +4 -11
  19. package/emotion/es/components/Checkbox/IconsSvg.js +0 -18
  20. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +13 -12
  21. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.js +2 -5
  22. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +13 -12
  23. package/emotion/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  24. package/emotion/es/examples/plasma_b2c/components/Radiobox/Radiobox.js +2 -2
  25. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +13 -12
  26. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.js +2 -2
  27. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +13 -12
  28. package/emotion/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  29. package/emotion/es/examples/plasma_web/components/Radiobox/Radiobox.js +2 -2
  30. package/es/components/Checkbox/Checkbox.js +4 -11
  31. package/es/components/Checkbox/Checkbox.js.map +1 -1
  32. package/es/components/Checkbox/IconsSvg.js +1 -19
  33. package/es/components/Checkbox/IconsSvg.js.map +1 -1
  34. package/es/components/Radiobox/Radiobox.js.map +1 -1
  35. package/package.json +3 -3
  36. package/styled-components/cjs/components/Checkbox/Checkbox.js +3 -10
  37. package/styled-components/cjs/components/Checkbox/IconsSvg.js +1 -19
  38. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
  39. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.js +3 -6
  40. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
  41. package/styled-components/cjs/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  42. package/styled-components/cjs/examples/plasma_b2c/components/Radiobox/Radiobox.js +3 -3
  43. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
  44. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.js +3 -3
  45. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
  46. package/styled-components/cjs/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  47. package/styled-components/cjs/examples/plasma_web/components/Radiobox/Radiobox.js +3 -3
  48. package/styled-components/es/components/Checkbox/Checkbox.js +4 -11
  49. package/styled-components/es/components/Checkbox/IconsSvg.js +0 -18
  50. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.config.js +2 -1
  51. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.js +2 -5
  52. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.outline.config.js +2 -1
  53. package/styled-components/es/examples/plasma_b2c/components/Checkbox/Checkbox.stories.tsx +1 -1
  54. package/styled-components/es/examples/plasma_b2c/components/Radiobox/Radiobox.js +2 -2
  55. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.config.js +2 -1
  56. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.js +2 -2
  57. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.outline.config.js +2 -1
  58. package/styled-components/es/examples/plasma_web/components/Checkbox/Checkbox.stories.tsx +1 -1
  59. package/styled-components/es/examples/plasma_web/components/Radiobox/Radiobox.js +2 -2
  60. package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
  61. package/types/components/Checkbox/Checkbox.types.d.ts +0 -1
  62. package/types/components/Checkbox/Checkbox.types.d.ts.map +1 -1
  63. package/types/components/Checkbox/IconsSvg.d.ts +0 -1
  64. package/types/components/Checkbox/IconsSvg.d.ts.map +1 -1
  65. package/types/components/Radiobox/Radiobox.d.ts +3 -3
  66. package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
@@ -24,7 +24,7 @@ const meta: Meta<typeof Checkbox> = {
24
24
  },
25
25
  },
26
26
  size: {
27
- options: ['m', 's'],
27
+ options: ['l', 'm', 's'],
28
28
  control: {
29
29
  type: 'radio',
30
30
  },
@@ -3,17 +3,17 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.RadioboxOutline = exports.RadioboxDefault = exports.Radiobox = void 0;
6
+ exports.RadioboxOutline = exports.RadioboxDefalut = exports.Radiobox = void 0;
7
7
  var _Radiobox = /*#__PURE__*/require("../../../../components/Radiobox");
8
8
  var _engines = /*#__PURE__*/require("../../../../engines");
9
9
  var _createConditionalComponent = /*#__PURE__*/require("../../../../utils/createConditionalComponent");
10
10
  var _Radiobox2 = /*#__PURE__*/require("./Radiobox.config");
11
11
  var _RadioboxOutline = /*#__PURE__*/require("./Radiobox.outline.config");
12
12
  var mergedConfigDefault = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _Radiobox2.config);
13
- var RadioboxDefault = exports.RadioboxDefault = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
13
+ var RadioboxDefalut = exports.RadioboxDefalut = /*#__PURE__*/(0, _engines.component)(mergedConfigDefault);
14
14
  var mergedConfigOutline = /*#__PURE__*/(0, _engines.mergeConfig)(_Radiobox.radioboxConfig, _RadioboxOutline.config);
15
15
  var RadioboxOutline = exports.RadioboxOutline = /*#__PURE__*/(0, _engines.component)(mergedConfigOutline);
16
- var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefault, [{
16
+ var Radiobox = exports.Radiobox = /*#__PURE__*/(0, _createConditionalComponent.createConditionalComponent)(RadioboxDefalut, [{
17
17
  conditions: {
18
18
  prop: 'appearance',
19
19
  value: 'outline'
@@ -1,5 +1,5 @@
1
- var _DoneThin, _Done, _Indeterminate;
2
- var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "appearance", "style", "className", "singleLine", "aria-label"];
1
+ var _Indeterminate, _Done;
2
+ var _excluded = ["size", "view", "focused", "disabled", "id", "label", "description", "indeterminate", "style", "className", "singleLine", "aria-label"];
3
3
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
4
4
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
5
5
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -10,7 +10,7 @@ import { base as viewCSS } from './variations/_view/base';
10
10
  import { base as sizeCSS } from './variations/_size/base';
11
11
  import { base as disabledCSS } from './variations/_disabled/base';
12
12
  import { base as focusedCSS } from './variations/_focused/base';
13
- import { Done, Indeterminate, DoneThin } from './IconsSvg';
13
+ import { Done, Indeterminate } from './IconsSvg';
14
14
  import { StyledContent, StyledContentWrapper, StyledDescription, StyledInput, StyledLabel, StyledTrigger, base, StyledTriggerWrapper } from './Checkbox.styles';
15
15
  import { classes } from './Checkbox.tokens';
16
16
  export var checkboxRoot = function checkboxRoot(Root) {
@@ -23,7 +23,6 @@ export var checkboxRoot = function checkboxRoot(Root) {
23
23
  label = props.label,
24
24
  description = props.description,
25
25
  indeterminate = props.indeterminate,
26
- appearance = props.appearance,
27
26
  style = props.style,
28
27
  className = props.className,
29
28
  _props$singleLine = props.singleLine,
@@ -49,12 +48,6 @@ export var checkboxRoot = function checkboxRoot(Root) {
49
48
  var hasContent = label || description;
50
49
  var singleLineClass = singleLine ? classes.singleLine : undefined;
51
50
  var onlyDescriptionClass = !label && description ? classes.onlyDescription : undefined;
52
- var getIcon = function getIcon() {
53
- if (appearance === 'outline') {
54
- return _DoneThin || (_DoneThin = /*#__PURE__*/React.createElement(DoneThin, null));
55
- }
56
- return _Done || (_Done = /*#__PURE__*/React.createElement(Done, null));
57
- };
58
51
  return /*#__PURE__*/React.createElement(Root, {
59
52
  view: view,
60
53
  size: size,
@@ -76,7 +69,7 @@ export var checkboxRoot = function checkboxRoot(Root) {
76
69
  className: singleLineClass
77
70
  }, /*#__PURE__*/React.createElement(StyledTriggerWrapper, null, /*#__PURE__*/React.createElement(StyledTrigger, {
78
71
  className: classes.checkboxTrigger
79
- }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : getIcon())), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
72
+ }, indeterminate ? _Indeterminate || (_Indeterminate = /*#__PURE__*/React.createElement(Indeterminate, null)) : _Done || (_Done = /*#__PURE__*/React.createElement(Done, null)))), hasContent && /*#__PURE__*/React.createElement(StyledContent, {
80
73
  className: singleLineClass
81
74
  }, label && /*#__PURE__*/React.createElement(StyledLabel, {
82
75
  className: singleLineClass,
@@ -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: {