@trafilea/afrodita-components 5.0.0-beta.5 → 5.0.0-beta.52
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.css +3 -1
- package/build/index.d.ts +230 -43
- package/build/index.esm.css +3 -1
- package/build/index.esm.js +5298 -3355
- package/build/index.esm.js.map +1 -1
- package/build/index.js +5303 -3355
- package/build/index.js.map +1 -1
- package/build/theme/shapermint.theme.d.ts +10 -2
- package/build/theme/shapermint.theme.js +10 -2
- package/build/theme/truekind.theme.d.ts +10 -2
- package/build/theme/truekind.theme.js +10 -2
- package/package.json +4 -1
|
@@ -138,6 +138,12 @@ declare type ThemeComponent = {
|
|
|
138
138
|
lineHeight: string;
|
|
139
139
|
border: string;
|
|
140
140
|
boxShadow: string;
|
|
141
|
+
errorBorder: string;
|
|
142
|
+
};
|
|
143
|
+
inputPlaceholder: {
|
|
144
|
+
fontSize: string;
|
|
145
|
+
padding: string;
|
|
146
|
+
focusBorder: string;
|
|
141
147
|
};
|
|
142
148
|
inputCustom: {
|
|
143
149
|
button: {
|
|
@@ -376,8 +382,10 @@ declare type ThemeComponent = {
|
|
|
376
382
|
packSelector: {
|
|
377
383
|
borderRadius: string;
|
|
378
384
|
borderColor: string;
|
|
379
|
-
|
|
380
|
-
|
|
385
|
+
highlightColor: string;
|
|
386
|
+
selectedColor: string;
|
|
387
|
+
selectedContrast: string;
|
|
388
|
+
tagColor: string;
|
|
381
389
|
};
|
|
382
390
|
};
|
|
383
391
|
declare type ThemeTypography = {
|
|
@@ -234,6 +234,12 @@ var shapermint = {
|
|
|
234
234
|
lineHeight: '1.5rem',
|
|
235
235
|
border: '0.063rem solid var(--colors-shades-200-color)',
|
|
236
236
|
boxShadow: 'none',
|
|
237
|
+
errorBorder: '0.09375rem solid #d3373c',
|
|
238
|
+
},
|
|
239
|
+
inputPlaceholder: {
|
|
240
|
+
fontSize: '0.875rem',
|
|
241
|
+
padding: '1.125rem 0.9375rem 0 0.9375rem',
|
|
242
|
+
focusBorder: '0.09375rem solid #1990c6',
|
|
237
243
|
},
|
|
238
244
|
inputCustom: {
|
|
239
245
|
button: {
|
|
@@ -472,8 +478,10 @@ var shapermint = {
|
|
|
472
478
|
packSelector: {
|
|
473
479
|
borderRadius: '8px',
|
|
474
480
|
borderColor: '--colors-shades-100-color',
|
|
475
|
-
|
|
476
|
-
|
|
481
|
+
highlightColor: '--colors-pallete-creamy-soft-color',
|
|
482
|
+
selectedColor: '--colors-semantic-positive-color',
|
|
483
|
+
selectedContrast: '--colors-semantic-positive-contrast',
|
|
484
|
+
tagColor: '--colors-semantic-attention-color',
|
|
477
485
|
},
|
|
478
486
|
},
|
|
479
487
|
typography: {
|
|
@@ -138,6 +138,12 @@ declare type ThemeComponent = {
|
|
|
138
138
|
lineHeight: string;
|
|
139
139
|
border: string;
|
|
140
140
|
boxShadow: string;
|
|
141
|
+
errorBorder: string;
|
|
142
|
+
};
|
|
143
|
+
inputPlaceholder: {
|
|
144
|
+
fontSize: string;
|
|
145
|
+
padding: string;
|
|
146
|
+
focusBorder: string;
|
|
141
147
|
};
|
|
142
148
|
inputCustom: {
|
|
143
149
|
button: {
|
|
@@ -376,8 +382,10 @@ declare type ThemeComponent = {
|
|
|
376
382
|
packSelector: {
|
|
377
383
|
borderRadius: string;
|
|
378
384
|
borderColor: string;
|
|
379
|
-
|
|
380
|
-
|
|
385
|
+
highlightColor: string;
|
|
386
|
+
selectedColor: string;
|
|
387
|
+
selectedContrast: string;
|
|
388
|
+
tagColor: string;
|
|
381
389
|
};
|
|
382
390
|
};
|
|
383
391
|
declare type ThemeTypography = {
|
|
@@ -315,6 +315,12 @@ var truekind = {
|
|
|
315
315
|
lineHeight: '1.5rem',
|
|
316
316
|
border: '0.063rem solid #BBBBBB',
|
|
317
317
|
boxShadow: '0 0 0 0.25rem #D9EEFF',
|
|
318
|
+
errorBorder: '0.09375rem solid #d3373c',
|
|
319
|
+
},
|
|
320
|
+
inputPlaceholder: {
|
|
321
|
+
fontSize: '0.875rem',
|
|
322
|
+
padding: '1.125rem 0.9375rem 0 0.9375rem',
|
|
323
|
+
focusBorder: '0.09375rem solid #1990c6',
|
|
318
324
|
},
|
|
319
325
|
inputCustom: {
|
|
320
326
|
button: {
|
|
@@ -553,8 +559,10 @@ var truekind = {
|
|
|
553
559
|
packSelector: {
|
|
554
560
|
borderRadius: '8px',
|
|
555
561
|
borderColor: '--colors-shades-100-color',
|
|
556
|
-
|
|
557
|
-
|
|
562
|
+
highlightColor: '--colors-pallete-creamy-soft-color',
|
|
563
|
+
selectedColor: '--colors-semantic-positive-color',
|
|
564
|
+
selectedContrast: '--colors-semantic-positive-contrast',
|
|
565
|
+
tagColor: '--colors-semantic-attention-color',
|
|
558
566
|
},
|
|
559
567
|
},
|
|
560
568
|
fonts: {
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Trafilea's Design System",
|
|
4
4
|
"author": "Trafilea",
|
|
5
5
|
"repository": "https://github.com/trafilea/afrodita-components",
|
|
6
|
-
"version": "5.0.0-beta.
|
|
6
|
+
"version": "5.0.0-beta.52",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/index.js",
|
|
9
9
|
"style": "build/index.css",
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
"@ribeirolabs/events": "3.0.0",
|
|
21
21
|
"facepaint": "^1.2.1",
|
|
22
22
|
"html-react-parser": "1.4.8",
|
|
23
|
+
"react-inner-image-zoom": "^3.0.0",
|
|
23
24
|
"react-swipeable": "6.2.0",
|
|
24
25
|
"typescript": "^4.3.5"
|
|
25
26
|
},
|
|
@@ -85,11 +86,13 @@
|
|
|
85
86
|
"@types/node": "^12.20.17",
|
|
86
87
|
"@types/react": "^17.0.15",
|
|
87
88
|
"@types/react-dom": "^17.0.9",
|
|
89
|
+
"@types/react-inner-image-zoom": "^3.0.0",
|
|
88
90
|
"@types/react-slick": "^0.23.7",
|
|
89
91
|
"chromatic": "^5.9.2",
|
|
90
92
|
"eslint": "^7.31.0",
|
|
91
93
|
"eslint-config-prettier": "^8.3.0",
|
|
92
94
|
"eslint-config-react-app": "^6.0.0",
|
|
95
|
+
"eslint-plugin-jsx-a11y": "^6.5.1",
|
|
93
96
|
"eslint-plugin-prettier": "^3.4.0",
|
|
94
97
|
"eslint-plugin-react": "^7.24.0",
|
|
95
98
|
"eslint-plugin-react-hooks": "^4.2.0",
|