@trafilea/afrodita-components 5.0.0-beta.59 → 5.0.0-beta.61

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/build/index.d.ts CHANGED
@@ -122,12 +122,24 @@ declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) =>
122
122
 
123
123
  declare const Frown: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
124
124
 
125
+ declare const BulletOne: ({ height, width, fill, title }: IconProps) => JSX.Element;
126
+
127
+ declare const BulletTwo: ({ height, width, fill, title }: IconProps) => JSX.Element;
128
+
129
+ declare const BulletThree: ({ height, width, fill, title }: IconProps) => JSX.Element;
130
+
125
131
  declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
126
132
  declare const Custom_Frown: typeof Frown;
133
+ declare const Custom_BulletOne: typeof BulletOne;
134
+ declare const Custom_BulletTwo: typeof BulletTwo;
135
+ declare const Custom_BulletThree: typeof BulletThree;
127
136
  declare namespace Custom {
128
137
  export {
129
138
  Custom_SixtyDaysGuarantee as SixtyDaysGuarantee,
130
139
  Custom_Frown as Frown,
140
+ Custom_BulletOne as BulletOne,
141
+ Custom_BulletTwo as BulletTwo,
142
+ Custom_BulletThree as BulletThree,
131
143
  };
132
144
  }
133
145
 
@@ -156,6 +168,11 @@ declare const SignOut: ({ height, width, fill }: IconProps) => JSX.Element;
156
168
 
157
169
  declare const Add: ({ height, width, fill }: IconProps) => JSX.Element;
158
170
 
171
+ interface CopyProps extends IconProps {
172
+ stroke?: string;
173
+ }
174
+ declare const Copy: ({ height, width, fill, stroke }: CopyProps) => JSX.Element;
175
+
159
176
  declare const Actions_Check: typeof Check;
160
177
  declare const Actions_ClearLight: typeof ClearLight;
161
178
  declare const Actions_LightExclamation: typeof LightExclamation;
@@ -168,6 +185,8 @@ declare const Actions_Warning: typeof Warning;
168
185
  declare const Actions_Edit: typeof Edit;
169
186
  declare const Actions_SignOut: typeof SignOut;
170
187
  declare const Actions_Add: typeof Add;
188
+ type Actions_CopyProps = CopyProps;
189
+ declare const Actions_Copy: typeof Copy;
171
190
  declare namespace Actions {
172
191
  export {
173
192
  Actions_Check as Check,
@@ -182,6 +201,8 @@ declare namespace Actions {
182
201
  Actions_Edit as Edit,
183
202
  Actions_SignOut as SignOut,
184
203
  Actions_Add as Add,
204
+ Actions_CopyProps as CopyProps,
205
+ Actions_Copy as Copy,
185
206
  };
186
207
  }
187
208
 
@@ -1274,6 +1295,7 @@ interface BaseInputCommmonProps {
1274
1295
  inlinePlaceholder?: boolean;
1275
1296
  hasError?: boolean;
1276
1297
  inputType?: 'text' | 'email' | 'password' | 'url';
1298
+ name?: string;
1277
1299
  }
1278
1300
  interface BaseInputControlled extends BaseInputCommmonProps {
1279
1301
  value: string;
@@ -1322,7 +1344,7 @@ declare type CustomProps = BaseInputProps & {
1322
1344
  };
1323
1345
 
1324
1346
  declare const Input: {
1325
- Simple: ({ value, onChange, defaultValue, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, ...rest }: BaseInputProps) => JSX.Element;
1347
+ Simple: ({ value, onChange, defaultValue, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, name, ...rest }: BaseInputProps) => JSX.Element;
1326
1348
  Custom: ({ onClick, text, variant, ...rest }: CustomProps) => JSX.Element;
1327
1349
  SimplePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
1328
1350
  SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
@@ -71,10 +71,28 @@ var Frown = function (_a) {
71
71
  return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 68, viewBoxY: 68, title: title, fill: "none" }, { children: [jsx$1("path", { d: "M34 64C50.5685 64 64 50.5685 64 34C64 17.4315 50.5685 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z", fill: "".concat(fill, "b6") }, void 0), jsx$1("path", { d: "M64 34.0296C64.0064 29.5175 62.9753 25.0627 60.9841 21C59.9702 30.9185 58.3731 39.7073 49.0635 48.6699C39.8271 57.5622 25.9923 57.4947 9 50.0686C14.4495 58.1257 23.0411 64 33.6008 64C41.6631 64 49.3953 60.8424 55.0963 55.2219C60.7972 49.6013 64 41.9783 64 34.0296Z", fill: fill }, void 0), jsx$1("path", { d: "M34 64C50.5685 64 64 50.5685 64 34C64 17.4315 50.5685 4 34 4C17.4315 4 4 17.4315 4 34C4 50.5685 17.4315 64 34 64Z", stroke: "#292929", strokeWidth: "2", strokeLinejoin: "round" }, void 0), jsx$1("path", { d: "M44.1292 48.8737C44.1292 48.8737 41.7372 42.8737 34.1292 42.8737C26.5212 42.8737 24.1292 48.8737 24.1292 48.8737", stroke: "#292929", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), jsx$1("path", { d: "M24.6292 32.1304C24.6292 33.5111 23.5099 34.6304 22.1292 34.6304C20.7485 34.6304 19.6292 33.5111 19.6292 32.1304C19.6292 30.7497 20.7485 29.6304 22.1292 29.6304C23.5099 29.6304 24.6292 30.7497 24.6292 32.1304Z", fill: "#292929", stroke: "#292929" }, void 0), jsx$1("path", { d: "M48.6292 32.1304C48.6292 33.5111 47.5099 34.6304 46.1292 34.6304C44.7485 34.6304 43.6292 33.5111 43.6292 32.1304C43.6292 30.7497 44.7485 29.6304 46.1292 29.6304C47.5099 29.6304 48.6292 30.7497 48.6292 32.1304Z", fill: "#292929", stroke: "#292929" }, void 0), jsx$1("path", { d: "M14.7553 23.6181C16.5344 19.9142 19.3229 16.7876 22.8 14.5982C26.2771 12.4087 30.3017 11.2452 34.4107 11.2415", stroke: "white", strokeWidth: "6", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
72
72
  };
73
73
 
74
+ var BulletOne = function (_a) {
75
+ var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#292929' : _b, title = _a.title;
76
+ return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: title, fill: "none" }, { children: [jsx$1("circle", { cx: "12", cy: "12", r: "10.25", stroke: fill, strokeWidth: "1.5" }, void 0), jsx$1("path", { d: "M11.5812 18.0002H13.5012V6.67218H11.7572L8.22119 9.52018L9.34119 10.8482L11.5812 9.00818V18.0002Z", fill: fill }, void 0)] }), void 0));
77
+ };
78
+
79
+ var BulletTwo = function (_a) {
80
+ var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#292929' : _b, title = _a.title;
81
+ return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: title, fill: "none" }, { children: [jsx$1("circle", { cx: "12", cy: "12.0002", r: "10.25", stroke: fill, strokeWidth: "1.5" }, void 0), jsx$1("path", { d: "M8.22119 18.0004H15.7572V16.2404H10.6532L13.9172 13.1204C14.9252 12.1604 15.7412 11.1524 15.7412 9.69637C15.7412 7.52037 13.9332 6.38437 11.9652 6.38437C9.88519 6.38437 8.36519 7.76037 8.14119 9.63237L10.0132 9.92037C10.1572 8.81637 10.8452 7.98437 11.9332 7.98437C12.9572 7.98437 13.7412 8.67237 13.7412 9.72837C13.7412 10.6084 13.2932 11.2644 12.5892 11.9524L8.22119 16.2404V18.0004Z", fill: fill }, void 0)] }), void 0));
82
+ };
83
+
84
+ var BulletThree = function (_a) {
85
+ var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#292929' : _b, title = _a.title;
86
+ return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 24, viewBoxY: 24, title: title, fill: "none" }, { children: [jsx$1("circle", { cx: "12", cy: "12.0004", r: "10.25", stroke: fill, strokeWidth: "1.5" }, void 0), jsx$1("path", { d: "M10.5092 12.8645H10.9892C12.1892 12.8645 13.7412 13.3125 13.7412 14.7845C13.7412 16.1445 12.6532 16.6565 11.6612 16.6565C10.4612 16.6565 9.67719 15.9525 9.40519 15.0565L7.61319 15.6165C8.22119 17.5045 9.82119 18.2885 11.7252 18.2885C13.6452 18.2885 15.6772 17.1525 15.6772 14.8005C15.6772 13.4085 14.7172 12.3525 13.3412 12.0805V12.0485C14.5732 11.7445 15.3732 10.7045 15.3732 9.48855C15.3732 7.45655 13.7092 6.38455 11.7252 6.38455C9.91719 6.38455 8.42919 7.45655 8.02919 8.97655L9.83719 9.44055C10.0612 8.57655 10.7172 7.98455 11.6452 7.98455C12.6052 7.98455 13.4372 8.59255 13.4372 9.61655C13.4372 11.0085 12.1572 11.3285 11.0212 11.3285H10.5092V12.8645Z", fill: fill }, void 0)] }), void 0));
87
+ };
88
+
74
89
  var Custom$1 = /*#__PURE__*/Object.freeze({
75
90
  __proto__: null,
76
91
  SixtyDaysGuarantee: SixtyDaysGuarantee,
77
- Frown: Frown
92
+ Frown: Frown,
93
+ BulletOne: BulletOne,
94
+ BulletTwo: BulletTwo,
95
+ BulletThree: BulletThree
78
96
  });
79
97
 
80
98
  var Check$1 = function (_a) {
@@ -132,6 +150,11 @@ var Add = function (_a) {
132
150
  return (jsx$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 20, viewBoxY: 20, title: "add" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.75 0C9.05964 0 8.5 0.559644 8.5 1.25V8.5H1.25C0.559644 8.5 0 9.05964 0 9.75C0 10.4404 0.559644 11 1.25 11H8.5V18.75C8.5 19.4404 9.05964 20 9.75 20C10.4404 20 11 19.4404 11 18.75V11H18.75C19.4404 11 20 10.4404 20 9.75C20 9.05964 19.4404 8.5 18.75 8.5H11V1.25C11 0.559644 10.4404 0 9.75 0Z", fill: fill }, void 0) }), void 0));
133
151
  };
134
152
 
153
+ var Copy = function (_a) {
154
+ var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? 'white' : _b, _c = _a.stroke, stroke = _c === void 0 ? '#292929' : _c;
155
+ return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 18, viewBoxY: 22, title: "copy" }, { children: [jsx$1("rect", { x: "0.5", y: "0.5", width: "13", height: "17", rx: "1.5", fill: fill, stroke: stroke }, void 0), jsx$1("rect", { x: "4.5", y: "4.5", width: "13", height: "17", rx: "1.5", fill: fill, stroke: stroke }, void 0)] }), void 0));
156
+ };
157
+
135
158
  var Actions = /*#__PURE__*/Object.freeze({
136
159
  __proto__: null,
137
160
  Check: Check$1,
@@ -144,7 +167,8 @@ var Actions = /*#__PURE__*/Object.freeze({
144
167
  Warning: Warning,
145
168
  Edit: Edit,
146
169
  SignOut: SignOut,
147
- Add: Add
170
+ Add: Add,
171
+ Copy: Copy
148
172
  });
149
173
 
150
174
  var FitPredictor$1 = function (_a) {
@@ -11521,7 +11545,7 @@ var templateObject_1$K, templateObject_2$t, templateObject_3$n, templateObject_4
11521
11545
 
11522
11546
  var BaseInput = function (_a) {
11523
11547
  var _b;
11524
- var value = _a.value, onChange = _a.onChange, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, placeholder = _a.placeholder, inlinePlaceholder = _a.inlinePlaceholder, hasError = _a.hasError, _d = _a.inputType, inputType = _d === void 0 ? 'text' : _d, rest = __rest(_a, ["value", "onChange", "defaultValue", "label", "children", "required", "onValidation", "size", "placeholder", "inlinePlaceholder", "hasError", "inputType"]);
11548
+ var value = _a.value, onChange = _a.onChange, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, placeholder = _a.placeholder, inlinePlaceholder = _a.inlinePlaceholder, hasError = _a.hasError, _d = _a.inputType, inputType = _d === void 0 ? 'text' : _d, name = _a.name, rest = __rest(_a, ["value", "onChange", "defaultValue", "label", "children", "required", "onValidation", "size", "placeholder", "inlinePlaceholder", "hasError", "inputType", "name"]);
11525
11549
  var theme = useTheme();
11526
11550
  var _e = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : ''), internalValue = _e[0], setInternalValue = _e[1];
11527
11551
  var _f = useState(InputValidationType.Empty), status = _f[0], setStatus = _f[1];
@@ -11582,7 +11606,7 @@ var BaseInput = function (_a) {
11582
11606
  ? theme.colors.shades['700'].color
11583
11607
  : status === InputValidationType.Error
11584
11608
  ? theme.colors.semantic.urgent.color
11585
- : '', hasError: hasError }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign$1({ className: "inputWrapper", size: size, inlinePlaceholder: inlinePlaceholder }, { children: [jsx$1(StyledInput, __assign$1({ "data-testid": "base-input", type: inputType, onChange: handleChange, onBlur: validate, required: Boolean(required), value: internalValue, placeholder: inlinePlaceholder ? '' : placeholder }, rest, styling), void 0), inlinePlaceholder && (jsx$1(AnimatedPlaceholder, __assign$1({ "data-testid": "input-placeholder" }, { children: placeholder }), void 0)), children] }), void 0), inlinePlaceholder && internalValue && (jsx$1(ClearInput, __assign$1({ onClick: function () {
11609
+ : '', hasError: hasError }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign$1({ className: "inputWrapper", size: size, inlinePlaceholder: inlinePlaceholder }, { children: [jsx$1(StyledInput, __assign$1({ "data-testid": "base-input", type: inputType, onChange: handleChange, onBlur: validate, required: Boolean(required), value: internalValue, placeholder: inlinePlaceholder ? '' : placeholder, name: name }, rest, styling), void 0), inlinePlaceholder && (jsx$1(AnimatedPlaceholder, __assign$1({ "data-testid": "input-placeholder" }, { children: placeholder }), void 0)), children] }), void 0), inlinePlaceholder && internalValue && (jsx$1(ClearInput, __assign$1({ onClick: function () {
11586
11610
  if (onChange) {
11587
11611
  onChange('');
11588
11612
  }