@typeolymp/ui-components 3.0.15 → 3.0.17

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 (6) hide show
  1. package/build/index.es.js +74 -49
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +74 -49
  4. package/build/index.js.map +1 -1
  5. package/build/utils/theme/types.d.ts +1 -0
  6. package/package.json +1 -1
package/build/index.js CHANGED
@@ -34,58 +34,74 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
34
34
  var theme = {
35
35
  colors: {
36
36
  red: {
37
- // light: "#FFC1CB",
38
- // base: "#FF5975",
39
- // dark: "#FC032D",
40
- // darker: "#AF0522",
41
- light: "#F7778C",
42
- base: "#F21C40",
43
- dark: "#C21633",
44
- darker: "#911126",
37
+ light: "#FF5975",
38
+ base: "#FC032D",
39
+ dark: "#AF0522",
40
+ darker: "#900C22",
41
+ // light: "#F7778C",
42
+ // base: "#F21C40",
43
+ // dark: "#C21633",
44
+ // darker: "#911126",
45
45
  },
46
46
  yellow: {
47
- light: "#FFE867",
48
- base: "#FFD801",
49
- dark: "#CCAD01",
50
- darker: "#998201",
47
+ light: "#FFDB1B",
48
+ base: "#E29400",
49
+ dark: "#BB6802",
50
+ darker: "#7C420B",
51
+ // light: "#FFE867",
52
+ // base: "#FFD801",
53
+ // dark: "#CCAD01",
54
+ // darker: "#998201",
51
55
  },
52
56
  blue: {
53
- // light: "#B8E0FF",
54
- // base: "#15A1FF",
55
- // dark: "#0074CE",
56
- // darker: "#024E8A",
57
- light: "#78CDFA",
58
- base: "#1AAFF6",
59
- dark: "#148CC5",
60
- darker: "#126994",
57
+ light: "#B8E0FF",
58
+ base: "#15A1FF",
59
+ dark: "#0074CE",
60
+ darker: "#084172",
61
+ // light: "#78CDFA",
62
+ // base: "#1AAFF6",
63
+ // dark: "#148CC5",
64
+ // darker: "#126994",
61
65
  },
62
66
  green: {
63
- // light: "#A4F6D5",
64
- // base: "#2FD8A5",
65
- // dark: "#00906C",
66
- // darker: "#03624D",
67
- light: "#8BDCAE",
68
- base: "#3DC478",
69
- dark: "#319D60",
70
- darker: "#257648",
67
+ light: "#2FD8A5",
68
+ base: "#00906C",
69
+ dark: "#007C60",
70
+ darker: "#045041",
71
+ // light: "#8BDCAE",
72
+ // base: "#3DC478",
73
+ // dark: "#319D60",
74
+ // darker: "#257648",
71
75
  },
72
76
  purple: {
73
- light: "#C69BDA",
74
- base: "#A059C1",
75
- dark: "#80479A",
76
- darker: "#603574",
77
+ light: "#9870ff",
78
+ base: "#6f0fff",
79
+ dark: "#5b00da",
80
+ darker: "#5100c0",
81
+ // light: "#C69BDA",
82
+ // base: "#A059C1",
83
+ // dark: "#80479A",
84
+ // darker: "#603574",
77
85
  },
78
86
  pink: {
79
- light: "#FE67B7",
80
- base: "#FE0187",
81
- dark: "#CB016C",
82
- darker: "#980151",
87
+ light: "#FCCEFF",
88
+ base: "#FCCEFF",
89
+ dark: "#F73EF7",
90
+ darker: "#791671",
91
+ // light: "#FE67B7",
92
+ // base: "#FE0187",
93
+ // dark: "#CB016C",
94
+ // darker: "#980151",
83
95
  },
84
96
  orange: {
85
- light: "#FFC466",
86
- base: "#FF9D00",
87
- dark: "#CD7E02",
88
- darker: "#995E00",
97
+ light: "#FFB96D",
98
+ base: "#FF5A00",
99
+ dark: "#CC3F02",
100
+ darker: "#822B0C",
101
+ // light: "#FFC466",
102
+ // base: "#FF9D00",
103
+ // dark: "#CD7E02",
104
+ // darker: "#995E00",
89
105
  },
90
106
  darkGray: {
91
107
  light: "#7C7F82",
@@ -117,26 +133,32 @@ var theme = {
117
133
  heading: {
118
134
  h1: {
119
135
  fontSize: "40px",
136
+ fontWeight: 700,
120
137
  lineHeight: "50px",
121
138
  },
122
139
  h2: {
123
140
  fontSize: "32px",
141
+ fontWeight: 600,
124
142
  lineHeight: "40px",
125
143
  },
126
144
  h3: {
127
145
  fontSize: "28px",
146
+ fontWeight: 600,
128
147
  lineHeight: "35px",
129
148
  },
130
149
  h4: {
131
150
  fontSize: "24px",
151
+ fontWeight: 600,
132
152
  lineHeight: "30px",
133
153
  },
134
154
  h5: {
135
155
  fontSize: "20px",
156
+ fontWeight: 600,
136
157
  lineHeight: "25px",
137
158
  },
138
159
  h6: {
139
160
  fontSize: "16px",
161
+ fontWeight: 600,
140
162
  lineHeight: "20px",
141
163
  },
142
164
  },
@@ -159,20 +181,20 @@ var theme = {
159
181
  },
160
182
  paragraph: {
161
183
  tiny: {
162
- fontSize: "12px",
163
- lineHeight: "18px",
184
+ fontSize: "14px",
185
+ lineHeight: "20px",
164
186
  },
165
187
  small: {
166
- fontSize: "14px",
167
- lineHeight: "21px",
188
+ fontSize: "16px",
189
+ lineHeight: "23px",
168
190
  },
169
191
  medium: {
170
- fontSize: "16px",
171
- lineHeight: "24px",
192
+ fontSize: "18px",
193
+ lineHeight: "26px",
172
194
  },
173
195
  large: {
174
- fontSize: "18px",
175
- lineHeight: "27px",
196
+ fontSize: "20px",
197
+ lineHeight: "29px",
176
198
  },
177
199
  },
178
200
  icon: {
@@ -4120,9 +4142,12 @@ var flags = (_a$1 = {},
4120
4142
  _a$1);
4121
4143
  var Flag = function (props) { return (jsxRuntime.jsx(Wrapper$9, __assign$2({}, props, { children: flags[props.locale] }))); };
4122
4144
 
4123
- var StyledHeading = styled__default["default"].span(templateObject_1$R || (templateObject_1$R = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n text-decoration: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n text-decoration: ", ";\n"])), theme.fonts.heading, function (_a) {
4145
+ var StyledHeading = styled__default["default"].span(templateObject_1$R || (templateObject_1$R = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n text-decoration: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n text-decoration: ", ";\n"])), theme.fonts.heading, function (_a) {
4124
4146
  var type = _a.type;
4125
4147
  return theme.heading[type].fontSize;
4148
+ }, function (_a) {
4149
+ var type = _a.type;
4150
+ return theme.heading[type].fontWeight;
4126
4151
  }, function (_a) {
4127
4152
  var type = _a.type;
4128
4153
  return theme.heading[type].lineHeight;