@trafilea/afrodita-components 4.0.2-beta.3 → 4.0.2-beta.7

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 (13) hide show
  1. package/build/dts/components/icons/Messaging/Mail.d.ts +2 -0
  2. package/build/dts/components/icons/Messaging/Message.d.ts +8 -0
  3. package/build/dts/components/icons/Messaging/index.d.ts +2 -0
  4. package/build/dts/components/shared/button/BaseButton.d.ts +2 -1
  5. package/build/dts/components/shared/button/BaseButton.stories.d.ts +1 -1
  6. package/build/index.d.ts +70 -54
  7. package/build/index.esm.js +39 -7
  8. package/build/index.esm.js.map +1 -1
  9. package/build/index.js +39 -7
  10. package/build/index.js.map +1 -1
  11. package/build/theme/shapermint.theme.js +112 -51
  12. package/build/theme/truekind.theme.js +70 -50
  13. package/package.json +1 -1
package/build/theme/shapermint.theme.js CHANGED
@@ -26,25 +26,6 @@ var __assign = function() {
26
26
  return __assign.apply(this, arguments);
27
27
  };
28
28
 
29
- /* istanbul ignore next */
30
- function color(color, contrast, softColor, softContrast) {
31
- return {
32
- color: color,
33
- contrast: contrast,
34
- soft: {
35
- color: softColor,
36
- contrast: softContrast,
37
- },
38
- };
39
- }
40
- /* istanbul ignore next */
41
- function basic(color, contrast) {
42
- return {
43
- color: color,
44
- contrast: contrast,
45
- };
46
- }
47
-
48
29
  var shapermint = {
49
30
  name: 'Shapermint',
50
31
  fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
@@ -56,42 +37,122 @@ var shapermint = {
56
37
  },
57
38
  colors: {
58
39
  pallete: {
59
- primary: __assign(__assign({}, color('#f7a08b', '--colors-shades-700-color', '#fcd9d1', '--colors-shades-700-color')), { 20: color('fdece8', '--colors-shades-700-color', '#fef7f6', '--colors-shades-700-color'), 40: color('#fcd9d1', '--colors-shades-700-color', '#fef0ed', '--colors-shades-700-color'), 60: color('#fac6b9', '--colors-shades-700-color', '#fde8e3', '--colors-shades-700-color'), 80: color('#f9b3a2', '--colors-shades-700-color', '#fde1da', '--colors-shades-700-color') }),
60
- secondary: __assign(__assign({}, color('#292929', '--colors-shades-white-color', '#bbbbbb', '--colors-shades-700-color')), { 20: color('#d4d4d4', '--colors-shades-700-color', '#f1f1f1', '--colors-shades-700-color'), 40: color('#a9a9a9', '--colors-shades-700-color', '#e4e4e4', '--colors-shades-700-color'), 60: color('#7f7f7f', '--colors-shades-white-color', '#d6d6d6', '--colors-shades-700-color'), 80: color('#545454', '--colors-shades-white-color', '#c9c9c9', '--colors-shades-700-color') }),
61
- // prettier-ignore
62
- ocean: color('#2B526D', '--colors-shades-white-color', '#BFCBD3', '--colors-shades-700-color'),
40
+ primary: {
41
+ color: '#f7a08b',
42
+ contrast: '--colors-shades-700-color',
43
+ soft: {
44
+ color: '#fcd9d1',
45
+ contrast: '--colors-shades-700-color',
46
+ },
47
+ 20: {
48
+ color: '#fdece8',
49
+ contrast: '--colors-shades-700-color',
50
+ soft: {
51
+ color: '#fef7f6',
52
+ contrast: '--colors-shades-700-color',
53
+ },
54
+ },
55
+ 40: {
56
+ color: '#fcd9d1',
57
+ contrast: '--colors-shades-700-color',
58
+ soft: {
59
+ color: '#fef0ed',
60
+ contrast: '--colors-shades-700-color',
61
+ },
62
+ },
63
+ 60: {
64
+ color: '#fac6b9',
65
+ contrast: '--colors-shades-700-color',
66
+ soft: {
67
+ color: '#fde8e3',
68
+ contrast: '--colors-shades-700-color',
69
+ },
70
+ },
71
+ 80: {
72
+ color: '#f9b3a2',
73
+ contrast: '--colors-shades-700-color',
74
+ soft: {
75
+ color: '#fde1da',
76
+ contrast: '--colors-shades-700-color',
77
+ },
78
+ },
79
+ },
80
+ secondary: __assign({
81
+ color: '#292929',
82
+ contrast: '--colors-shades-white-color',
83
+ soft: {
84
+ color: '#bbbbbb',
85
+ contrast: '--colors-shades-700-color',
86
+ },
87
+ }, { 20: {
88
+ color: '#d4d4d4',
89
+ contrast: '--colors-shades-700-color',
90
+ soft: {
91
+ color: '#f1f1f1',
92
+ contrast: '--colors-shades-700-color',
93
+ },
94
+ }, 40: {
95
+ color: '#a9a9a9',
96
+ contrast: '--colors-shades-700-color',
97
+ soft: {
98
+ color: '#e4e4e4',
99
+ contrast: '--colors-shades-700-color',
100
+ },
101
+ }, 60: {
102
+ color: '#7f7f7f',
103
+ contrast: '--colors-shades-white-color',
104
+ soft: {
105
+ color: '#d6d6d6',
106
+ contrast: '--colors-shades-700-color',
107
+ },
108
+ }, 80: {
109
+ color: '#545454',
110
+ contrast: '--colors-shades-white-color',
111
+ soft: {
112
+ color: '#c9c9c9',
113
+ contrast: '--colors-shades-700-color',
114
+ },
115
+ } }),
116
+ ocean: {
117
+ color: '#2B526D',
118
+ contrast: '--colors-shades-white-color',
119
+ soft: {
120
+ color: '#BFCBD3',
121
+ contrast: '--colors-shades-700-color',
122
+ },
123
+ },
63
124
  },
64
125
  shades: {
65
- black: basic('#000', '--colors-shades-white-color'),
66
- white: basic('#fff', '--colors-shades-700-color'),
67
- 5: basic('#fafafa', '--colors-shades-700-color'),
68
- 10: basic('#f7f7f7', '--colors-shades-700-color'),
69
- 50: basic('#efefef', '--colors-shades-700-color'),
70
- 100: basic('#e5e5e5', '--colors-shades-700-color'),
71
- 150: basic('#d1d1d1', '--colors-shades-700-color'),
72
- 200: basic('#bbbbbb', '--colors-shades-700-color'),
73
- 250: basic('#a6a6a6', '--colors-shades-700-color'),
74
- 300: basic('#9e9e9e', '--colors-shades-700-color'),
75
- 350: basic('#949494', '--colors-shades-700-color'),
76
- 400: basic('#808080', '--colors-shades-700-color'),
77
- 450: basic('#767676', '--colors-shades-700-color'),
78
- 500: basic('#5a5a5a', '--colors-shades-white-color'),
79
- 550: basic('#3a3a3a', '--colors-shades-white-color'),
80
- 600: basic('#343434', '--colors-shades-white-color'),
81
- 650: basic('#2d2d2d', '--colors-shades-white-color'),
82
- 700: basic('#292929', '--colors-shades-white-color'),
83
- 750: basic('#232323', '--colors-shades-white-color'),
84
- 800: basic('#202020', '--colors-shades-white-color'),
85
- 850: basic('#1b1b1b', '--colors-shades-white-color'),
86
- 900: basic('#191919', '--colors-shades-white-color'),
87
- 950: basic('#141414', '--colors-shades-white-color'),
88
- 990: basic('#0b0b0b', '--colors-shades-white-color'),
126
+ black: { color: '#000', contrast: '--colors-shades-white-color' },
127
+ white: { color: '#fff', contrast: '--colors-shades-700-color' },
128
+ 5: { color: '#fafafa', contrast: '--colors-shades-700-color' },
129
+ 10: { color: '#f7f7f7', contrast: '--colors-shades-700-color' },
130
+ 50: { color: '#efefef', contrast: '--colors-shades-700-color' },
131
+ 100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
132
+ 150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
133
+ 200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
134
+ 250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
135
+ 300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
136
+ 350: { color: '#949494', contrast: '--colors-shades-700-color' },
137
+ 400: { color: '#808080', contrast: '--colors-shades-700-color' },
138
+ 450: { color: '#767676', contrast: '--colors-shades-700-color' },
139
+ 500: { color: '#5a5a5a', contrast: '--colors-shades-white-color' },
140
+ 550: { color: '#3a3a3a', contrast: '--colors-shades-white-color' },
141
+ 600: { color: '#343434', contrast: '--colors-shades-white-color' },
142
+ 650: { color: '#2d2d2d', contrast: '--colors-shades-white-color' },
143
+ 700: { color: '#292929', contrast: '--colors-shades-white-color' },
144
+ 750: { color: '#232323', contrast: '--colors-shades-white-color' },
145
+ 800: { color: '#202020', contrast: '--colors-shades-white-color' },
146
+ 850: { color: '#1b1b1b', contrast: '--colors-shades-white-color' },
147
+ 900: { color: '#191919', contrast: '--colors-shades-white-color' },
148
+ 950: { color: '#141414', contrast: '--colors-shades-white-color' },
149
+ 990: { color: '#0b0b0b', contrast: '--colors-shades-white-color' },
89
150
  },
90
151
  semantic: {
91
- positive: basic('#2f806a', '--colors-shades-white-color'),
92
- urgent: basic('#c64844', '--colors-shades-white-color'),
93
- attention: basic('#f2d96f', '--colors-shades-700-color'),
94
- informative: basic('#0a609b', '--colors-shades-700-color'),
152
+ positive: { color: '#2f806a', contrast: '--colors-shades-white-color' },
153
+ urgent: { color: '#c64844', contrast: '--colors-shades-white-color' },
154
+ attention: { color: '#f2d96f', contrast: '--colors-shades-700-color' },
155
+ informative: { color: '#0a609b', contrast: '--colors-shades-700-color' },
95
156
  },
96
157
  border: {
97
158
  color: '',
package/build/theme/truekind.theme.js CHANGED
@@ -26,25 +26,6 @@ var __assign = function() {
26
26
  return __assign.apply(this, arguments);
27
27
  };
28
28
 
29
- /* istanbul ignore next */
30
- function color(color, contrast, softColor, softContrast) {
31
- return {
32
- color: color,
33
- contrast: contrast,
34
- soft: {
35
- color: softColor,
36
- contrast: softContrast,
37
- },
38
- };
39
- }
40
- /* istanbul ignore next */
41
- function basic(color, contrast) {
42
- return {
43
- color: color,
44
- contrast: contrast,
45
- };
46
- }
47
-
48
29
  var truekind = {
49
30
  name: 'Truekind',
50
31
  fontSizes: [10, 12, 14, 16, 18, 20, 24, 30, 36, 42, 52, 60, 68, 72, 76],
@@ -56,41 +37,80 @@ var truekind = {
56
37
  },
57
38
  colors: {
58
39
  pallete: {
59
- primary: __assign(__assign({}, color('#cc4125', '--colors-shades-white-color', '', '')), { 20: color('#f5d9d3', '--colors-shades-700-color', '', ''), 40: color('#ebb3a8', '--colors-shades-700-color', '', ''), 60: color('#e08d7c', '--colors-shades-700-color', '', ''), 80: color('#d66751', '--colors-shades-700-color', '', '') }),
60
- secondary: __assign(__assign({}, color('#292929', '--colors-shades-white-color', '#bbbbbb', '--colors-shades-700-color')), { 20: color('#d4d4d4', '--colors-shades-700-color', '#f1f1f1', '--colors-shades-700-color'), 40: color('#a9a9a9', '--colors-shades-700-color', '#e4e4e4', '--colors-shades-700-color'), 60: color('#7f7f7f', '--colors-shades-white-color', '#d6d6d6', '--colors-shades-700-color'), 80: color('#545454', '--colors-shades-white-color', '#c9c9c9', '--colors-shades-700-color') }),
61
- cloud: color('#', '#', '#', '#'),
40
+ primary: __assign({
41
+ color: '#cc4125',
42
+ contrast: '--colors-shades-white-color',
43
+ soft: { color: '', contrast: '' },
44
+ }, { 20: {
45
+ color: '#f5d9d3',
46
+ contrast: '--colors-shades-700-color',
47
+ soft: { color: '', contrast: '' },
48
+ }, 40: {
49
+ color: '#ebb3a8',
50
+ contrast: '--colors-shades-700-color',
51
+ soft: { color: '', contrast: '' },
52
+ }, 60: {
53
+ color: '#e08d7c',
54
+ contrast: '--colors-shades-700-color',
55
+ soft: { color: '', contrast: '' },
56
+ }, 80: {
57
+ color: '#d66751',
58
+ contrast: '--colors-shades-700-color',
59
+ soft: { color: '', contrast: '' },
60
+ } }),
61
+ secondary: __assign({
62
+ color: '#292929',
63
+ contrast: '--colors-shades-white-color',
64
+ soft: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
65
+ }, { 20: {
66
+ color: '#d4d4d4',
67
+ contrast: '--colors-shades-700-color',
68
+ soft: { color: '#f1f1f1', contrast: '--colors-shades-700-color' },
69
+ }, 40: {
70
+ color: '#a9a9a9',
71
+ contrast: '--colors-shades-700-color',
72
+ soft: { color: '#e4e4e4', contrast: '--colors-shades-700-color' },
73
+ }, 60: {
74
+ color: '#7f7f7f',
75
+ contrast: '--colors-shades-white-color',
76
+ soft: { color: '#d6d6d6', contrast: '--colors-shades-700-color' },
77
+ }, 80: {
78
+ color: '#545454',
79
+ contrast: '--colors-shades-white-color',
80
+ soft: { color: '#c9c9c9', contrast: '--colors-shades-700-color' },
81
+ } }),
62
82
  },
63
83
  shades: {
64
- black: basic('#000', '--colors-shades-white-color'),
65
- white: basic('#fff', '--colors-shades-700-color'),
66
- 5: basic('#fafafa', '--colors-shades-700-color'),
67
- 10: basic('#f7f7f7', '--colors-shades-700-color'),
68
- 50: basic('#efefef', '--colors-shades-700-color'),
69
- 100: basic('#e5e5e5', '--colors-shades-700-color'),
70
- 150: basic('#d1d1d1', '--colors-shades-700-color'),
71
- 200: basic('#bbbbbb', '--colors-shades-700-color'),
72
- 250: basic('#a6a6a6', '--colors-shades-700-color'),
73
- 300: basic('#9e9e9e', '--colors-shades-700-color'),
74
- 350: basic('#949494', '--colors-shades-700-color'),
75
- 400: basic('#808080', '--colors-shades-700-color'),
76
- 450: basic('#767676', '--colors-shades-700-color'),
77
- 500: basic('#5a5a5a', '--colors-shades-white-color'),
78
- 550: basic('#3a3a3a', '--colors-shades-white-color'),
79
- 600: basic('#343434', '--colors-shades-white-color'),
80
- 650: basic('#2d2d2d', '--colors-shades-white-color'),
81
- 700: basic('#292929', '--colors-shades-white-color'),
82
- 750: basic('#232323', '--colors-shades-white-color'),
83
- 800: basic('#202020', '--colors-shades-white-color'),
84
- 850: basic('#1b1b1b', '--colors-shades-white-color'),
85
- 900: basic('#191919', '--colors-shades-white-color'),
86
- 950: basic('#141414', '--colors-shades-white-color'),
87
- 990: basic('#0b0b0b', '--colors-shades-white-color'),
84
+ black: { color: '#000', contrast: '--colors-shades-white-color' },
85
+ white: { color: '#fff', contrast: '--colors-shades-700-color' },
86
+ 5: { color: '#fafafa', contrast: '--colors-shades-700-color' },
87
+ 10: { color: '#f7f7f7', contrast: '--colors-shades-700-color' },
88
+ 50: { color: '#efefef', contrast: '--colors-shades-700-color' },
89
+ 100: { color: '#e5e5e5', contrast: '--colors-shades-700-color' },
90
+ 150: { color: '#d1d1d1', contrast: '--colors-shades-700-color' },
91
+ 200: { color: '#bbbbbb', contrast: '--colors-shades-700-color' },
92
+ 250: { color: '#a6a6a6', contrast: '--colors-shades-700-color' },
93
+ 300: { color: '#9e9e9e', contrast: '--colors-shades-700-color' },
94
+ 350: { color: '#949494', contrast: '--colors-shades-700-color' },
95
+ 400: { color: '#808080', contrast: '--colors-shades-700-color' },
96
+ 450: { color: '#767676', contrast: '--colors-shades-700-color' },
97
+ 500: { color: '#5a5a5a', contrast: '--colors-shades-white-color' },
98
+ 550: { color: '#3a3a3a', contrast: '--colors-shades-white-color' },
99
+ 600: { color: '#343434', contrast: '--colors-shades-white-color' },
100
+ 650: { color: '#2d2d2d', contrast: '--colors-shades-white-color' },
101
+ 700: { color: '#292929', contrast: '--colors-shades-white-color' },
102
+ 750: { color: '#232323', contrast: '--colors-shades-white-color' },
103
+ 800: { color: '#202020', contrast: '--colors-shades-white-color' },
104
+ 850: { color: '#1b1b1b', contrast: '--colors-shades-white-color' },
105
+ 900: { color: '#191919', contrast: '--colors-shades-white-color' },
106
+ 950: { color: '#141414', contrast: '--colors-shades-white-color' },
107
+ 990: { color: '#0b0b0b', contrast: '--colors-shades-white-color' },
88
108
  },
89
109
  semantic: {
90
- positive: basic('#2579C8', '--colors-shades-white-color'),
91
- urgent: basic('#D82A2D', '--colors-shades-white-color'),
92
- attention: basic('#FFA877', '--colors-shades-700-color'),
93
- informative: basic('#686872', '--colors-shades-white-color'),
110
+ positive: { color: '#2579C8', contrast: '--colors-shades-white-color' },
111
+ urgent: { color: '#D82A2D', contrast: '--colors-shades-white-color' },
112
+ attention: { color: '#FFA877', contrast: '--colors-shades-700-color' },
113
+ informative: { color: '#686872', contrast: '--colors-shades-white-color' },
94
114
  },
95
115
  border: {
96
116
  color: '',
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": "4.0.2-beta.3",
6
+ "version": "4.0.2-beta.7",
7
7
  "private": false,
8
8
  "main": "build/index.js",
9
9
  "style": "build/index.css",