@salutejs/plasma-new-hope 0.131.0-canary.1392.10557537816.0 → 0.131.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (178) hide show
  1. package/cjs/components/Segment/tokens.js +1 -15
  2. package/cjs/components/Segment/tokens.js.map +1 -1
  3. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
  4. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +83 -160
  5. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  6. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +1 -37
  7. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  8. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  9. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.css +3 -7
  10. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +2 -4
  11. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  12. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +2 -31
  13. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  14. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  15. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  16. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  17. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  18. package/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  19. package/cjs/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  20. package/cjs/index.css +7 -17
  21. package/emotion/cjs/components/Segment/tokens.js +1 -15
  22. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +82 -156
  23. package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +17 -25
  24. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +2 -4
  25. package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +6 -28
  26. package/emotion/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  27. package/emotion/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  28. package/emotion/cjs/components/_Icon/index.js +0 -14
  29. package/emotion/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  30. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -12
  31. package/emotion/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  32. package/emotion/es/components/Segment/tokens.js +1 -15
  33. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -159
  34. package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +17 -25
  35. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -5
  36. package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -27
  37. package/emotion/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  38. package/emotion/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  39. package/emotion/es/components/_Icon/index.js +0 -2
  40. package/emotion/es/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  41. package/emotion/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +9 -12
  42. package/emotion/es/examples/plasma_web/components/Segment/SegmentItem.config.js +9 -9
  43. package/es/components/Segment/tokens.js +1 -15
  44. package/es/components/Segment/tokens.js.map +1 -1
  45. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.css +4 -10
  46. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +87 -163
  47. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
  48. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +2 -34
  49. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js.map +1 -1
  50. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_m9i9p0.css +4 -0
  51. package/es/components/Segment/ui/SegmentItem/SegmentItem.css +3 -7
  52. package/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -5
  53. package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
  54. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +3 -30
  55. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js.map +1 -1
  56. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_18h1p52.css +2 -0
  57. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -1
  58. package/es/components/Segment/ui/SegmentItem/variations/_view/base.js.map +1 -1
  59. package/es/components/Segment/ui/SegmentItem/variations/_view/base_1m1u2ys.css +1 -0
  60. package/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  61. package/es/components/Tabs/ui/Tabs/Tabs.js.map +1 -1
  62. package/es/index.css +7 -17
  63. package/package.json +2 -2
  64. package/styled-components/cjs/components/Segment/tokens.js +1 -15
  65. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +82 -156
  66. package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +4 -16
  67. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +2 -4
  68. package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles.js +5 -23
  69. package/styled-components/cjs/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  70. package/styled-components/cjs/components/Tabs/ui/Tabs/Tabs.js +2 -2
  71. package/styled-components/cjs/components/_Icon/index.js +0 -14
  72. package/styled-components/cjs/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  73. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentGroup.config.js +4 -7
  74. package/styled-components/cjs/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  75. package/styled-components/es/components/Segment/tokens.js +1 -15
  76. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +85 -159
  77. package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles.js +4 -16
  78. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +3 -5
  79. package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.styles.js +4 -22
  80. package/styled-components/es/components/Segment/ui/SegmentItem/variations/_view/base.js +1 -2
  81. package/styled-components/es/components/Tabs/ui/Tabs/Tabs.js +2 -2
  82. package/styled-components/es/components/_Icon/index.js +0 -2
  83. package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx +2 -143
  84. package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js +4 -7
  85. package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js +8 -8
  86. package/types/components/Segment/tokens.d.ts +0 -14
  87. package/types/components/Segment/tokens.d.ts.map +1 -1
  88. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +0 -7
  89. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
  90. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts +0 -12
  91. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map +1 -1
  92. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts +1 -5
  93. package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map +1 -1
  94. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +0 -4
  95. package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
  96. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts +1 -9
  97. package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map +1 -1
  98. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts +0 -8
  99. package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map +1 -1
  100. package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map +1 -1
  101. package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map +1 -1
  102. package/types/components/_Icon/index.d.ts +0 -2
  103. package/types/components/_Icon/index.d.ts.map +1 -1
  104. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts +0 -3
  105. package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map +1 -1
  106. package/types/examples/plasma_web/components/Segment/Segment.d.ts +0 -6
  107. package/types/examples/plasma_web/components/Segment/Segment.d.ts.map +1 -1
  108. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts +0 -3
  109. package/types/examples/plasma_web/components/Segment/SegmentGroup.config.d.ts.map +1 -1
  110. package/types/examples/plasma_web/components/Segment/SegmentItem.config.d.ts.map +1 -1
  111. package/types/examples/sds_engineer/components/Segment/Segment.d.ts +0 -3
  112. package/types/examples/sds_engineer/components/Segment/Segment.d.ts.map +1 -1
  113. package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1rr47x4.css +0 -8
  114. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -9
  115. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js.map +0 -1
  116. package/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base_11agnr.css +0 -1
  117. package/cjs/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
  118. package/cjs/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
  119. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -22
  120. package/cjs/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
  121. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -22
  122. package/cjs/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
  123. package/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -23
  124. package/cjs/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
  125. package/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -23
  126. package/cjs/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
  127. package/emotion/cjs/components/Segment/README.md +0 -61
  128. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -10
  129. package/emotion/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  130. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  131. package/emotion/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  132. package/emotion/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  133. package/emotion/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  134. package/emotion/es/components/Segment/README.md +0 -61
  135. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -4
  136. package/emotion/es/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  137. package/emotion/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  138. package/emotion/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  139. package/emotion/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  140. package/emotion/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  141. package/es/components/Segment/ui/SegmentGroup/SegmentGroup.styles_1rr47x4.css +0 -8
  142. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -5
  143. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js.map +0 -1
  144. package/es/components/Segment/ui/SegmentGroup/variations/_vertical/base_11agnr.css +0 -1
  145. package/es/components/Segment/ui/SegmentItem/SegmentItem.styles_f1jpip.css +0 -6
  146. package/es/components/Segment/ui/SegmentItem/variations/_view/base_168a47w.css +0 -1
  147. package/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -18
  148. package/es/components/_Icon/Icon.assets/DisclosureDown.js.map +0 -1
  149. package/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -18
  150. package/es/components/_Icon/Icon.assets/DisclosureUp.js.map +0 -1
  151. package/es/components/_Icon/Icons/IconDisclosureDown.js +0 -19
  152. package/es/components/_Icon/Icons/IconDisclosureDown.js.map +0 -1
  153. package/es/components/_Icon/Icons/IconDisclosureUp.js +0 -19
  154. package/es/components/_Icon/Icons/IconDisclosureUp.js.map +0 -1
  155. package/styled-components/cjs/components/Segment/README.md +0 -61
  156. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -10
  157. package/styled-components/cjs/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  158. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureDown.js +0 -21
  159. package/styled-components/cjs/components/_Icon/Icon.assets/DisclosureUp.js +0 -21
  160. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureDown.js +0 -22
  161. package/styled-components/cjs/components/_Icon/Icons/IconDisclosureUp.js +0 -22
  162. package/styled-components/es/components/Segment/README.md +0 -61
  163. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_vertical/base.js +0 -4
  164. package/styled-components/es/components/Segment/ui/SegmentGroup/variations/_vertical/tokens.json +0 -1
  165. package/styled-components/es/components/_Icon/Icon.assets/DisclosureDown.js +0 -14
  166. package/styled-components/es/components/_Icon/Icon.assets/DisclosureUp.js +0 -14
  167. package/styled-components/es/components/_Icon/Icons/IconDisclosureDown.js +0 -15
  168. package/styled-components/es/components/_Icon/Icons/IconDisclosureUp.js +0 -15
  169. package/types/components/Segment/ui/SegmentGroup/variations/_vertical/base.d.ts +0 -2
  170. package/types/components/Segment/ui/SegmentGroup/variations/_vertical/base.d.ts.map +0 -1
  171. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts +0 -4
  172. package/types/components/_Icon/Icon.assets/DisclosureDown.d.ts.map +0 -1
  173. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts +0 -4
  174. package/types/components/_Icon/Icon.assets/DisclosureUp.d.ts.map +0 -1
  175. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts +0 -4
  176. package/types/components/_Icon/Icons/IconDisclosureDown.d.ts.map +0 -1
  177. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts +0 -4
  178. package/types/components/_Icon/Icons/IconDisclosureUp.d.ts.map +0 -1
@@ -1,61 +0,0 @@
1
- https://mui.com/material-ui/api/select/
2
-
3
- Segment
4
-
5
- SegmentGroup
6
- variations/
7
- SegmentGroup.tsx
8
- SegmentGroup.styles.ts
9
- SegmentGroup.types.ts
10
-
11
- SegmentItem
12
- variations/
13
- SegmentItem.tsx
14
- SegmentItem.styles.ts
15
- SegmentItem.types.ts
16
-
17
- ```ts
18
- type SegmentValue = string | number;
19
-
20
- interface SegmentItem {
21
- value: SegmentValue;
22
- label?: string;
23
- }
24
-
25
- interface SegmentGroup {
26
- defaultValue?: SegmentValue | SegmentValue[];
27
- value?: SegmentValue | SegmentValue[];
28
- items: SegmentItem[];
29
- customItem?: ({ item, selected, vertical }: { item: SegmentItem; selected: boolean; vertical: boolean }) => void;
30
- onChange?: ({ item, selected }: { item: SegmentItem; selected: boolean }) => void;
31
- view?: 'clear' | 'filled';
32
- size?: 'm' | 's' | 'l' | 'xs';
33
- disabled?: boolean;
34
- pilled?: boolean;
35
- filledBackground?: boolean;
36
- stretch?: boolean;
37
- vertical?: boolean;
38
- selectionMode?: 'multiple' | 'single';
39
- }
40
-
41
- interface SegmentItem {
42
- view?: 'clear' | 'filled';
43
- size?: 'm' | 's' | 'l' | 'xs';
44
- pilled?: boolean;
45
- label?: ReactNode;
46
- stretch?: boolean;
47
- selectionMode?: 'multiple' | 'single';
48
- }
49
- ```
50
-
51
- ```jsx
52
- <SegmentGroup
53
- defaultValue={['a']}
54
- value={''}
55
- items={[
56
- { value: 'a', label: 'A' },
57
- { value: 'b', label: 'B' },
58
- ]}
59
- onChange(({ value }) => void)
60
- />
61
- ```
@@ -1,10 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _tokens = /*#__PURE__*/require("../../../../tokens");
9
- var _SegmentGroup = /*#__PURE__*/require("../../SegmentGroup.styles");
10
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&.", "{flex-direction:column;max-height:var(", ");", "{flex-direction:column;}", "{flex-direction:column;}}"], _tokens.classes.segmentVertical, _tokens.tokens.groupVerticalHeight, _SegmentGroup.StyledContentWrapper, _SegmentGroup.StyledContent);
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DisclosureDown = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _path;
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
- var DisclosureDown = exports.DisclosureDown = function DisclosureDown(props) {
12
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
- width: "100%",
14
- viewBox: "0 0 24 24",
15
- fill: "none"
16
- }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
17
- d: "M17.78 18.21C17.48 17.92 17.01 17.92 16.71 18.21L12.75 22.18L8.78 18.21C8.48 17.92 8.01 17.92 7.71 18.21C7.42 18.51 7.42 18.98 7.71 19.28L12.75 24.31L17.78 19.28C18.07 18.98 18.07 18.51 17.78 18.21Z",
18
- fillRule: "evenodd",
19
- fill: "currentColor"
20
- })));
21
- };
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DisclosureUp = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _path;
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
11
- var DisclosureUp = exports.DisclosureUp = function DisclosureUp(props) {
12
- return /*#__PURE__*/_react["default"].createElement("svg", _extends({
13
- width: "100%",
14
- viewBox: "0 0 24 24",
15
- fill: "none"
16
- }, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
17
- d: "M17.18 8.18C16.89 8.47 16.41 8.47 16.12 8.18L12.15 4.21L8.18 8.18C7.89 8.47 7.41 8.47 7.12 8.18C6.83 7.89 6.83 7.41 7.12 7.12L12.15 2.09L17.18 7.12C17.47 7.41 17.47 7.89 17.18 8.18Z",
18
- fillRule: "evenodd",
19
- fill: "currentColor"
20
- })));
21
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconDisclosureDown = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _DisclosureDown = /*#__PURE__*/require("../Icon.assets/DisclosureDown");
9
- var _IconRoot = /*#__PURE__*/require("../IconRoot");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var IconDisclosureDown = exports.IconDisclosureDown = function IconDisclosureDown(_ref) {
12
- var _ref$size = _ref.size,
13
- size = _ref$size === void 0 ? 's' : _ref$size,
14
- color = _ref.color,
15
- className = _ref.className;
16
- return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
17
- className: className,
18
- size: size,
19
- color: color,
20
- icon: _DisclosureDown.DisclosureDown
21
- });
22
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconDisclosureUp = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
8
- var _DisclosureUp = /*#__PURE__*/require("../Icon.assets/DisclosureUp");
9
- var _IconRoot = /*#__PURE__*/require("../IconRoot");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var IconDisclosureUp = exports.IconDisclosureUp = function IconDisclosureUp(_ref) {
12
- var _ref$size = _ref.size,
13
- size = _ref$size === void 0 ? 's' : _ref$size,
14
- color = _ref.color,
15
- className = _ref.className;
16
- return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
17
- className: className,
18
- size: size,
19
- color: color,
20
- icon: _DisclosureUp.DisclosureUp
21
- });
22
- };
@@ -1,61 +0,0 @@
1
- https://mui.com/material-ui/api/select/
2
-
3
- Segment
4
-
5
- SegmentGroup
6
- variations/
7
- SegmentGroup.tsx
8
- SegmentGroup.styles.ts
9
- SegmentGroup.types.ts
10
-
11
- SegmentItem
12
- variations/
13
- SegmentItem.tsx
14
- SegmentItem.styles.ts
15
- SegmentItem.types.ts
16
-
17
- ```ts
18
- type SegmentValue = string | number;
19
-
20
- interface SegmentItem {
21
- value: SegmentValue;
22
- label?: string;
23
- }
24
-
25
- interface SegmentGroup {
26
- defaultValue?: SegmentValue | SegmentValue[];
27
- value?: SegmentValue | SegmentValue[];
28
- items: SegmentItem[];
29
- customItem?: ({ item, selected, vertical }: { item: SegmentItem; selected: boolean; vertical: boolean }) => void;
30
- onChange?: ({ item, selected }: { item: SegmentItem; selected: boolean }) => void;
31
- view?: 'clear' | 'filled';
32
- size?: 'm' | 's' | 'l' | 'xs';
33
- disabled?: boolean;
34
- pilled?: boolean;
35
- filledBackground?: boolean;
36
- stretch?: boolean;
37
- vertical?: boolean;
38
- selectionMode?: 'multiple' | 'single';
39
- }
40
-
41
- interface SegmentItem {
42
- view?: 'clear' | 'filled';
43
- size?: 'm' | 's' | 'l' | 'xs';
44
- pilled?: boolean;
45
- label?: ReactNode;
46
- stretch?: boolean;
47
- selectionMode?: 'multiple' | 'single';
48
- }
49
- ```
50
-
51
- ```jsx
52
- <SegmentGroup
53
- defaultValue={['a']}
54
- value={''}
55
- items={[
56
- { value: 'a', label: 'A' },
57
- { value: 'b', label: 'B' },
58
- ]}
59
- onChange(({ value }) => void)
60
- />
61
- ```
@@ -1,4 +0,0 @@
1
- import { css } from 'styled-components';
2
- import { classes, tokens } from '../../../../tokens';
3
- import { StyledContent, StyledContentWrapper } from '../../SegmentGroup.styles';
4
- export var base = /*#__PURE__*/css(["&.", "{flex-direction:column;max-height:var(", ");", "{flex-direction:column;}", "{flex-direction:column;}}"], classes.segmentVertical, tokens.groupVerticalHeight, StyledContentWrapper, StyledContent);
@@ -1,14 +0,0 @@
1
- var _path;
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- import React from 'react';
4
- export var DisclosureDown = function DisclosureDown(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- width: "100%",
7
- viewBox: "0 0 24 24",
8
- fill: "none"
9
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
- d: "M17.78 18.21C17.48 17.92 17.01 17.92 16.71 18.21L12.75 22.18L8.78 18.21C8.48 17.92 8.01 17.92 7.71 18.21C7.42 18.51 7.42 18.98 7.71 19.28L12.75 24.31L17.78 19.28C18.07 18.98 18.07 18.51 17.78 18.21Z",
11
- fillRule: "evenodd",
12
- fill: "currentColor"
13
- })));
14
- };
@@ -1,14 +0,0 @@
1
- var _path;
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- import React from 'react';
4
- export var DisclosureUp = function DisclosureUp(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- width: "100%",
7
- viewBox: "0 0 24 24",
8
- fill: "none"
9
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
10
- d: "M17.18 8.18C16.89 8.47 16.41 8.47 16.12 8.18L12.15 4.21L8.18 8.18C7.89 8.47 7.41 8.47 7.12 8.18C6.83 7.89 6.83 7.41 7.12 7.12L12.15 2.09L17.18 7.12C17.47 7.41 17.47 7.89 17.18 8.18Z",
11
- fillRule: "evenodd",
12
- fill: "currentColor"
13
- })));
14
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { DisclosureDown } from '../Icon.assets/DisclosureDown';
3
- import { IconRoot } from '../IconRoot';
4
- export var IconDisclosureDown = function IconDisclosureDown(_ref) {
5
- var _ref$size = _ref.size,
6
- size = _ref$size === void 0 ? 's' : _ref$size,
7
- color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
10
- className: className,
11
- size: size,
12
- color: color,
13
- icon: DisclosureDown
14
- });
15
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { DisclosureUp } from '../Icon.assets/DisclosureUp';
3
- import { IconRoot } from '../IconRoot';
4
- export var IconDisclosureUp = function IconDisclosureUp(_ref) {
5
- var _ref$size = _ref.size,
6
- size = _ref$size === void 0 ? 's' : _ref$size,
7
- color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
10
- className: className,
11
- size: size,
12
- color: color,
13
- icon: DisclosureUp
14
- });
15
- };
@@ -1,2 +0,0 @@
1
- export declare const base: import("@linaria/core").LinariaClassName;
2
- //# sourceMappingURL=base.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentGroup/variations/_vertical/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAahB,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const DisclosureDown: React.FC<IconProps>;
4
- //# sourceMappingURL=DisclosureDown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DisclosureDown.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icon.assets/DisclosureDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU9C,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const DisclosureUp: React.FC<IconProps>;
4
- //# sourceMappingURL=DisclosureUp.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DisclosureUp.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icon.assets/DisclosureUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU5C,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const IconDisclosureDown: React.FC<IconProps>;
4
- //# sourceMappingURL=IconDisclosureDown.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconDisclosureDown.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconDisclosureDown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAElD,CAAC"}
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { IconProps } from '../IconRoot';
3
- export declare const IconDisclosureUp: React.FC<IconProps>;
4
- //# sourceMappingURL=IconDisclosureUp.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconDisclosureUp.d.ts","sourceRoot":"","sources":["../../../../src/components/_Icon/Icons/IconDisclosureUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAY,SAAS,EAAE,MAAM,aAAa,CAAC;AAElD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEhD,CAAC"}