@pedidopago/ui 1.8.4 → 1.8.6

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 (75) hide show
  1. package/dist/components/Icon/data/dash.js +1 -1
  2. package/dist/components/Icon/types.d.ts +1 -1
  3. package/dist/components/Icon/types.d.ts.map +1 -1
  4. package/dist/components/NewSelect/multiple/index.d.ts.map +1 -1
  5. package/dist/components/NewSelect/multiple/index.js +1 -1
  6. package/dist/components/Select/components/OptionsSelect/styles.d.ts +2 -256
  7. package/dist/components/Select/components/OptionsSelect/styles.d.ts.map +1 -1
  8. package/dist/components/Select/components/OptionsSelect/styles.js +1 -1
  9. package/dist/utils/formatters/document.d.ts +8 -0
  10. package/dist/utils/formatters/document.d.ts.map +1 -0
  11. package/dist/utils/formatters/document.js +6 -0
  12. package/package.json +1 -1
  13. package/dist/components/Illustration/AlternativeOrderSvg/index.d.ts +0 -5
  14. package/dist/components/Illustration/AlternativeOrderSvg/index.d.ts.map +0 -1
  15. package/dist/components/Illustration/AlternativeOrderSvg/index.js +0 -107
  16. package/dist/components/Illustration/BoletoSvg/index.d.ts +0 -5
  17. package/dist/components/Illustration/BoletoSvg/index.d.ts.map +0 -1
  18. package/dist/components/Illustration/BoletoSvg/index.js +0 -168
  19. package/dist/components/Illustration/BoxClosedSvg/index.d.ts +0 -5
  20. package/dist/components/Illustration/BoxClosedSvg/index.d.ts.map +0 -1
  21. package/dist/components/Illustration/BoxClosedSvg/index.js +0 -99
  22. package/dist/components/Illustration/BoxDeliverySvg/index.d.ts +0 -5
  23. package/dist/components/Illustration/BoxDeliverySvg/index.d.ts.map +0 -1
  24. package/dist/components/Illustration/BoxDeliverySvg/index.js +0 -111
  25. package/dist/components/Illustration/BoxOpenSvg/index.d.ts +0 -5
  26. package/dist/components/Illustration/BoxOpenSvg/index.d.ts.map +0 -1
  27. package/dist/components/Illustration/BoxOpenSvg/index.js +0 -108
  28. package/dist/components/Illustration/CalendarSvg/index.d.ts +0 -5
  29. package/dist/components/Illustration/CalendarSvg/index.d.ts.map +0 -1
  30. package/dist/components/Illustration/CalendarSvg/index.js +0 -109
  31. package/dist/components/Illustration/CardSvg/index.d.ts +0 -5
  32. package/dist/components/Illustration/CardSvg/index.d.ts.map +0 -1
  33. package/dist/components/Illustration/CardSvg/index.js +0 -110
  34. package/dist/components/Illustration/CollaboratorSvg/index.d.ts +0 -5
  35. package/dist/components/Illustration/CollaboratorSvg/index.d.ts.map +0 -1
  36. package/dist/components/Illustration/CollaboratorSvg/index.js +0 -99
  37. package/dist/components/Illustration/InquirySvg/index.d.ts +0 -5
  38. package/dist/components/Illustration/InquirySvg/index.d.ts.map +0 -1
  39. package/dist/components/Illustration/InquirySvg/index.js +0 -219
  40. package/dist/components/Illustration/OrderSvg/index.d.ts +0 -5
  41. package/dist/components/Illustration/OrderSvg/index.d.ts.map +0 -1
  42. package/dist/components/Illustration/OrderSvg/index.js +0 -135
  43. package/dist/components/Illustration/PixSvg/index.d.ts +0 -5
  44. package/dist/components/Illustration/PixSvg/index.d.ts.map +0 -1
  45. package/dist/components/Illustration/PixSvg/index.js +0 -93
  46. package/dist/components/Illustration/PrescriptionSvg/index.d.ts +0 -5
  47. package/dist/components/Illustration/PrescriptionSvg/index.d.ts.map +0 -1
  48. package/dist/components/Illustration/PrescriptionSvg/index.js +0 -81
  49. package/dist/components/Illustration/TransportSvg/index.d.ts +0 -5
  50. package/dist/components/Illustration/TransportSvg/index.d.ts.map +0 -1
  51. package/dist/components/Illustration/TransportSvg/index.js +0 -102
  52. package/dist/components/NewSelect/components/OptionsSelect/index.d.ts +0 -4
  53. package/dist/components/NewSelect/components/OptionsSelect/index.d.ts.map +0 -1
  54. package/dist/components/NewSelect/components/OptionsSelect/index.js +0 -56
  55. package/dist/components/RadioInput/components/ChoiceList/index.d.ts +0 -6
  56. package/dist/components/RadioInput/components/ChoiceList/index.d.ts.map +0 -1
  57. package/dist/components/RadioInput/components/ChoiceList/index.js +0 -86
  58. package/dist/components/RadioInput/index.d.ts +0 -5
  59. package/dist/components/RadioInput/index.d.ts.map +0 -1
  60. package/dist/components/RadioInput/index.js +0 -44
  61. package/dist/components/RadioInput/radio-input.test.d.ts +0 -2
  62. package/dist/components/RadioInput/radio-input.test.d.ts.map +0 -1
  63. package/dist/components/RadioInput/radio-input.test.js +0 -184
  64. package/dist/components/RadioInput/styles.d.ts +0 -31
  65. package/dist/components/RadioInput/styles.d.ts.map +0 -1
  66. package/dist/components/RadioInput/styles.js +0 -39
  67. package/dist/components/RadioInput/types.d.ts +0 -27
  68. package/dist/components/RadioInput/types.d.ts.map +0 -1
  69. package/dist/components/RadioInput/types.js +0 -1
  70. package/dist/components/RadioInput/utils/get-colors-props.d.ts +0 -12
  71. package/dist/components/RadioInput/utils/get-colors-props.d.ts.map +0 -1
  72. package/dist/components/RadioInput/utils/get-colors-props.js +0 -19
  73. package/dist/components/Steps/components/StepIconMobile/index.d.ts +0 -4
  74. package/dist/components/Steps/components/StepIconMobile/index.d.ts.map +0 -1
  75. package/dist/components/Steps/components/StepIconMobile/index.js +0 -126
@@ -1,44 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _react = require("react");
9
- var _ChoiceList = require("./components/ChoiceList");
10
- var _styles = require("./styles");
11
- var _jsxRuntime = require("react/jsx-runtime");
12
- var _excluded = ["isDisabled", "children", "name"];
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
15
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
16
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
17
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
18
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
19
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
20
- var Radio = function Radio(_ref) {
21
- var isDisabled = _ref.isDisabled,
22
- children = _ref.children,
23
- name = _ref.name,
24
- rest = _objectWithoutProperties(_ref, _excluded);
25
- var _useContext = (0, _react.useContext)(_ChoiceList.RadioGroup),
26
- groupName = _useContext.groupName,
27
- handleRadioClick = _useContext.handleRadioClick,
28
- isDisabledContext = _useContext.isDisabled;
29
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
30
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Input, _objectSpread({
31
- disabled: isDisabled || isDisabledContext,
32
- type: "radio",
33
- name: groupName || name,
34
- onClick: function onClick(e) {
35
- return handleRadioClick(e.currentTarget.value);
36
- }
37
- }, rest)), children && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
38
- htmlFor: rest.id,
39
- children: children
40
- })]
41
- });
42
- };
43
- var _default = Radio;
44
- exports.default = _default;
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom';
2
- //# sourceMappingURL=radio-input.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"radio-input.test.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/radio-input.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
@@ -1,184 +0,0 @@
1
- "use strict";
2
-
3
- require("@testing-library/jest-dom");
4
- var _react = require("@testing-library/react");
5
- var _testUtils = require("../../shared/tests/test-utils");
6
- var _ChoiceList = _interopRequireDefault(require("./components/ChoiceList"));
7
- var _ = _interopRequireDefault(require("."));
8
- var _jsxRuntime = require("react/jsx-runtime");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
- describe('Radio Input', function () {
11
- it('should render input', function () {
12
- var fn = jest.fn();
13
- var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
14
- onChange: fn,
15
- value: "test",
16
- id: "test",
17
- children: "Radio Test"
18
- })),
19
- container = _render.container;
20
- var radio = container.querySelector('input[type="radio"]');
21
- expect(radio).toBeInTheDocument();
22
- });
23
- it('should check input on Click on input', function () {
24
- var fn = jest.fn();
25
- var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
26
- radiosName: "radio",
27
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
28
- onChange: fn,
29
- value: "test",
30
- id: "test",
31
- children: "Radio Test"
32
- })
33
- })),
34
- container = _render2.container;
35
- var radio = container.querySelector('input[type="radio"]');
36
- _react.fireEvent.click(radio);
37
- expect(radio).toBeChecked();
38
- });
39
- it('should check input on Click label', function () {
40
- var fn = jest.fn();
41
- var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
42
- radiosName: "radio",
43
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
44
- onChange: fn,
45
- value: "test",
46
- id: "test",
47
- children: "Radio Test"
48
- })
49
- })),
50
- container = _render3.container,
51
- getByText = _render3.getByText;
52
- var radio = container.querySelector('input[type="radio"]');
53
- var label = getByText('Radio Test');
54
- _react.fireEvent.click(label);
55
- expect(radio).toBeChecked();
56
- });
57
- it('should checked input if defaultChecked is provided', function () {
58
- var fn = jest.fn();
59
- var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
60
- defaultValue: "test",
61
- radiosName: "radio",
62
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
63
- onChange: fn,
64
- value: "test",
65
- id: "test",
66
- children: "Radio Test"
67
- })
68
- })),
69
- container = _render4.container;
70
- var radio = container.querySelector('input[type="radio"]');
71
- expect(radio).toBeChecked();
72
- });
73
- it('should call onChange on Click input', function () {
74
- var fn = jest.fn();
75
- var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChoiceList.default, {
76
- onChangeValue: fn,
77
- radiosName: "radio",
78
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
79
- value: "test",
80
- id: "test",
81
- children: "Radio Test"
82
- })
83
- })),
84
- container = _render5.container;
85
- _react.fireEvent.click(container);
86
- expect(fn).toBeCalled();
87
- });
88
- it('Should ChoiceList disabled radio children is isDisabled is provided', function () {
89
- var fn = jest.fn();
90
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
91
- onChangeValue: fn,
92
- isDisabled: true,
93
- radiosName: "test-name",
94
- defaultValue: "test3",
95
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
96
- value: "test1",
97
- id: "test",
98
- children: "Radio Test 1"
99
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
100
- value: "test2",
101
- id: "test",
102
- children: "Radio Test 2"
103
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
104
- value: "test3",
105
- id: "test",
106
- children: "Radio Test 3"
107
- })]
108
- }));
109
- var sut = _react.screen.getAllByRole('radio');
110
- sut.forEach(function (value) {
111
- expect(value).toBeDisabled();
112
- });
113
- });
114
- it('should render helpText if helpText is provided', function () {
115
- var fn = jest.fn();
116
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
117
- onChangeValue: fn,
118
- radiosName: "test-name",
119
- defaultValue: "test3",
120
- helpText: "Help Text",
121
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
122
- value: "test1",
123
- id: "test",
124
- children: "Radio Test 1"
125
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
126
- value: "test2",
127
- id: "test",
128
- children: "Radio Test 2"
129
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
130
- value: "test3",
131
- id: "test",
132
- children: "Radio Test 3"
133
- })]
134
- }));
135
- expect(_react.screen.getByText('Help Text')).toBeInTheDocument();
136
- });
137
- it('should render label if label is provided', function () {
138
- var fn = jest.fn();
139
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
140
- onChangeValue: fn,
141
- label: "any_label",
142
- radiosName: "test-name",
143
- defaultValue: "test3",
144
- helpText: "Help Text",
145
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
146
- value: "test1",
147
- id: "test",
148
- children: "Radio Test 1"
149
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
150
- value: "test2",
151
- id: "test",
152
- children: "Radio Test 2"
153
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
154
- value: "test3",
155
- id: "test",
156
- children: "Radio Test 3"
157
- })]
158
- }));
159
- expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).toBe('label');
160
- });
161
- it('should not render label if label not provided', function () {
162
- var fn = jest.fn();
163
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ChoiceList.default, {
164
- onChangeValue: fn,
165
- radiosName: "test-name",
166
- defaultValue: "test3",
167
- helpText: "Help Text",
168
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
169
- value: "test1",
170
- id: "test",
171
- children: "Radio Test 1"
172
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
173
- value: "test2",
174
- id: "test",
175
- children: "Radio Test 2"
176
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
177
- value: "test3",
178
- id: "test",
179
- children: "Radio Test 3"
180
- })]
181
- }));
182
- expect(_react.screen.getByRole('radiogroup').children[1].tagName.toLowerCase()).not.toBe('label');
183
- });
184
- });
@@ -1,31 +0,0 @@
1
- /// <reference types="react" />
2
- import { IStyledRadioInput } from './types';
3
- export declare const Wrapper: import("@emotion/styled").StyledComponent<{
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
- export declare const Label: import("@emotion/styled").StyledComponent<{
8
- theme?: import("@emotion/react").Theme | undefined;
9
- as?: import("react").ElementType<any> | undefined;
10
- }, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
11
- export declare const Input: import("@emotion/styled").StyledComponent<{
12
- theme?: import("@emotion/react").Theme | undefined;
13
- as?: import("react").ElementType<any> | undefined;
14
- } & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
15
- export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
16
- theme?: import("@emotion/react").Theme | undefined;
17
- as?: import("react").ElementType<any> | undefined;
18
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
- export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
20
- theme?: import("@emotion/react").Theme | undefined;
21
- as?: import("react").ElementType<any> | undefined;
22
- } & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
23
- export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
24
- theme?: import("@emotion/react").Theme | undefined;
25
- as?: import("react").ElementType<any> | undefined;
26
- } & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
27
- export declare const HelpText: import("@emotion/styled").StyledComponent<{
28
- theme?: import("@emotion/react").Theme | undefined;
29
- as?: import("react").ElementType<any> | undefined;
30
- } & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
31
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;sIAgEjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;+HASpB,CAAC"}
@@ -1,39 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Wrapper = exports.ListWrapper = exports.Label = exports.Input = exports.HelpText = exports.ChoiceWrapper = exports.ChoiceLabel = void 0;
7
- var _react = require("@emotion/react");
8
- var _styled = _interopRequireDefault(require("@emotion/styled"));
9
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
12
- var Wrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));
13
- exports.Wrapper = Wrapper;
14
- var Label = _styled.default.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-weight: 500;\n margin-right: 12px;\n"])));
15
- exports.Label = Label;
16
- var Input = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref) {
17
- var colors = _ref.theme.colors;
18
- return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n appearance: none;\n display: flex;\n justify-content: center;\n align-items: center;\n margin: 0;\n min-width: 20px;\n height: 20px;\n border-radius: 50%;\n border: 2px solid ", ";\n transition: all ease 0.2s;\n cursor: pointer;\n\n + label {\n color: ", ";\n line-height: 20px;\n cursor: pointer;\n }\n\n :hover {\n border-color: ", ";\n }\n\n :disabled {\n cursor: default;\n border-color: ", ";\n background-color: ", ";\n + label {\n color: ", ";\n cursor: default;\n }\n }\n\n :checked {\n background-color: ", ";\n border-color: ", ";\n &:focus {\n background-color: ", ";\n border-color: ", ";\n box-shadow: 0 0 0 2px ", ";\n }\n &:hover {\n background-color: ", ";\n border-color: ", ";\n }\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n + label {\n color: ", ";\n cursor: default;\n }\n }\n\n &::after {\n content: '';\n width: 6px;\n height: 6px;\n background: #fff;\n border-radius: 50%;\n }\n }\n "])), colors.neutral.neutral2, colors.neutral.black, colors.primary.hover, colors.neutral.neutral1, colors.neutral.neutral1, colors.neutral.neutral2, colors.primary.default, colors.primary.default, colors.primary.focus, colors.primary.focus, colors.primary.disabled, colors.primary.hover, colors.primary.hover, colors.neutral.neutral2, colors.neutral.neutral2, colors.neutral.neutral4);
19
- });
20
- exports.Input = Input;
21
- var ChoiceWrapper = _styled.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral([""])));
22
- exports.ChoiceWrapper = ChoiceWrapper;
23
- var ListWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref2) {
24
- var _ref2$alignDirection = _ref2.alignDirection,
25
- alignDirection = _ref2$alignDirection === void 0 ? 'row' : _ref2$alignDirection;
26
- return (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: ", ";\n flex-wrap: wrap;\n gap: 12px;\n "])), alignDirection);
27
- });
28
- exports.ListWrapper = ListWrapper;
29
- var ChoiceLabel = _styled.default.label(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref3) {
30
- var colors = _ref3.theme.colors;
31
- return (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: block;\n font-weight: 500;\n font-size: 16px;\n line-height: 24px;\n color: ", ";\n margin-bottom: 16px;\n "])), colors.neutral.black);
32
- });
33
- exports.ChoiceLabel = ChoiceLabel;
34
- var HelpText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n ", "\n"])), function (_ref4) {
35
- var theme = _ref4.theme,
36
- textColor = _ref4.textColor;
37
- return (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n font-size: ", ";\n color: ", ";\n font-weight: 500;\n display: block;\n padding-left: 30px;\n margin-top: 18px;\n "])), theme.fontSizes.xxs, textColor);
38
- });
39
- exports.HelpText = HelpText;
@@ -1,27 +0,0 @@
1
- import { ReactNode, InputHTMLAttributes } from 'react';
2
- export interface IRadioInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
3
- isDisabled?: boolean;
4
- children?: ReactNode;
5
- }
6
- export interface ChoiceListProps extends InputHTMLAttributes<HTMLInputElement> {
7
- onChangeValue?: (value?: string) => void;
8
- label?: string;
9
- defaultValue?: string;
10
- isDisabled?: boolean;
11
- radiosName: string;
12
- alignDirection?: 'column' | 'row';
13
- color?: string;
14
- helpText?: string;
15
- children: ReactNode;
16
- }
17
- export type ChoiceListContext = {
18
- handleRadioClick: (e: string) => void;
19
- defaultValue?: string;
20
- groupName: string;
21
- isDisabled?: boolean;
22
- };
23
- export interface IStyledRadioInput {
24
- textColor?: string;
25
- alignDirection?: 'column' | 'row';
26
- }
27
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACnC"}
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,12 +0,0 @@
1
- export declare function getColorsProps(hue: number): {
2
- black: string;
3
- gray: string;
4
- grayLightness: string;
5
- graySaturation: string;
6
- focus: string;
7
- focusChecked: string;
8
- shadowLightness: string;
9
- saturation: string;
10
- saturationFocus: string;
11
- };
12
- //# sourceMappingURL=get-colors-props.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"get-colors-props.d.ts","sourceRoot":"","sources":["../../../../src/components/RadioInput/utils/get-colors-props.ts"],"names":[],"mappings":"AAAA,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM;;;;;;;;;;EAYzC"}
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.getColorsProps = getColorsProps;
7
- function getColorsProps(hue) {
8
- return {
9
- black: "hsl(".concat(hue + 4, ", ", 12, "%, ", 23, "%)"),
10
- gray: "hsl(".concat(hue, ", ", 13, "%, ", 82, "%)"),
11
- grayLightness: "hsl(".concat(hue + 4, ", ", 14, "%, ", 93, "%)"),
12
- graySaturation: "hsl(".concat(hue + 2, ", ", 13, "%, ", 68, "%)"),
13
- focus: "hsl(".concat(hue + 4, ", ", 13, "%, ", 50, "%)"),
14
- focusChecked: "hsl(".concat(hue + 5, ", ", 73, "%, ", 35, "%)"),
15
- shadowLightness: "hsl(".concat(hue + 5, ", ", 68, "%, ", 83, "%)"),
16
- saturation: "hsl(".concat(hue + 5, ", ", 74, "%, ", 40, "%)"),
17
- saturationFocus: "hsl(".concat(hue + 5, ", ", 73, "%, ", 35, "%)")
18
- };
19
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { StepIconProps } from '../../types';
3
- export declare const StepIconMobile: ({ stepPosition, isSelectedStep, hasStartGradient, hasEndGratient, activeColor, }: StepIconProps) => JSX.Element;
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/components/StepIconMobile/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAO5C,eAAO,MAAM,cAAc,qFAMxB,aAAa,gBAgGf,CAAC"}
@@ -1,126 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StepIconMobile = void 0;
7
- var _react = require("@emotion/react");
8
- var _styled = _interopRequireDefault(require("@emotion/styled"));
9
- var _jsxRuntime = require("react/jsx-runtime");
10
- var _templateObject;
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
13
- var IconContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-right: 20px;\n margin-bottom: -10px;\n"])));
14
- var StepIconMobile = function StepIconMobile(_ref) {
15
- var stepPosition = _ref.stepPosition,
16
- isSelectedStep = _ref.isSelectedStep,
17
- hasStartGradient = _ref.hasStartGradient,
18
- hasEndGratient = _ref.hasEndGratient,
19
- _ref$activeColor = _ref.activeColor,
20
- activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor;
21
- var theme = (0, _react.useTheme)();
22
- var strokeColor = theme.colors[activeColor].default;
23
- var neutralStrokeColor = theme.colors.neutral.neutral1;
24
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
25
- children: isSelectedStep ? /*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, {
26
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
27
- width: "16",
28
- height: "81",
29
- viewBox: "0 0 16 81",
30
- fill: "none",
31
- xmlns: "http://www.w3.org/2000/svg",
32
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
33
- width: "3",
34
- height: "32",
35
- transform: "translate(6.5 0.785156)",
36
- fill: "url(#".concat(stepPosition, ")")
37
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
38
- cx: "8",
39
- cy: "40.7852",
40
- r: "5",
41
- fill: "#F8FAF9",
42
- stroke: strokeColor,
43
- strokeWidth: "6"
44
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
45
- width: "3",
46
- height: "32",
47
- transform: "translate(6.5 48.7852)",
48
- fill: "url(#".concat(stepPosition, "-2)")
49
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("defs", {
50
- children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
51
- id: stepPosition,
52
- x1: "1.5",
53
- y1: "33.5",
54
- x2: "1.5",
55
- y2: "5.63098e-10",
56
- gradientUnits: "userSpaceOnUse",
57
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
58
- stopColor: strokeColor
59
- }), hasStartGradient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
60
- offset: "1",
61
- stopColor: strokeColor,
62
- stopOpacity: "0"
63
- })]
64
- }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
65
- id: "".concat(stepPosition, "-2"),
66
- x1: "1.88295",
67
- y1: "-0.857085",
68
- x2: "1.64628",
69
- y2: "41.7156",
70
- gradientUnits: "userSpaceOnUse",
71
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
72
- stopColor: strokeColor
73
- }), hasEndGratient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
74
- offset: "1",
75
- stopColor: strokeColor,
76
- stopOpacity: "0"
77
- })]
78
- })]
79
- })]
80
- })
81
- }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(IconContainer, {
82
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
83
- width: "16",
84
- height: "81",
85
- viewBox: "0 0 16 81",
86
- fill: "none",
87
- xmlns: "http://www.w3.org/2000/svg",
88
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
89
- width: "3",
90
- height: "32",
91
- transform: "translate(6.5 0.785156)",
92
- fill: neutralStrokeColor
93
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
94
- cx: "8",
95
- cy: "40.7852",
96
- r: "7",
97
- fill: "#F8FAF9",
98
- stroke: "#B7C7C2",
99
- strokeWidth: "2"
100
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
101
- width: "3",
102
- height: "32",
103
- transform: "translate(6.5 48.7852)",
104
- fill: "url(#".concat(stepPosition, ")")
105
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("defs", {
106
- children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("linearGradient", {
107
- id: stepPosition,
108
- x1: "1.5",
109
- y1: "0",
110
- x2: "1.5",
111
- y2: "32",
112
- gradientUnits: "userSpaceOnUse",
113
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
114
- stopColor: neutralStrokeColor
115
- }), hasEndGratient && /*#__PURE__*/(0, _jsxRuntime.jsx)("stop", {
116
- offset: "1",
117
- stopColor: neutralStrokeColor,
118
- stopOpacity: "0"
119
- })]
120
- })
121
- })]
122
- })
123
- })
124
- });
125
- };
126
- exports.StepIconMobile = StepIconMobile;