@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.es.js CHANGED
@@ -7,58 +7,74 @@ import { findDOMNode } from 'react-dom';
7
7
  var theme = {
8
8
  colors: {
9
9
  red: {
10
- // light: "#FFC1CB",
11
- // base: "#FF5975",
12
- // dark: "#FC032D",
13
- // darker: "#AF0522",
14
- light: "#F7778C",
15
- base: "#F21C40",
16
- dark: "#C21633",
17
- darker: "#911126",
10
+ light: "#FF5975",
11
+ base: "#FC032D",
12
+ dark: "#AF0522",
13
+ darker: "#900C22",
14
+ // light: "#F7778C",
15
+ // base: "#F21C40",
16
+ // dark: "#C21633",
17
+ // darker: "#911126",
18
18
  },
19
19
  yellow: {
20
- light: "#FFE867",
21
- base: "#FFD801",
22
- dark: "#CCAD01",
23
- darker: "#998201",
20
+ light: "#FFDB1B",
21
+ base: "#E29400",
22
+ dark: "#BB6802",
23
+ darker: "#7C420B",
24
+ // light: "#FFE867",
25
+ // base: "#FFD801",
26
+ // dark: "#CCAD01",
27
+ // darker: "#998201",
24
28
  },
25
29
  blue: {
26
- // light: "#B8E0FF",
27
- // base: "#15A1FF",
28
- // dark: "#0074CE",
29
- // darker: "#024E8A",
30
- light: "#78CDFA",
31
- base: "#1AAFF6",
32
- dark: "#148CC5",
33
- darker: "#126994",
30
+ light: "#B8E0FF",
31
+ base: "#15A1FF",
32
+ dark: "#0074CE",
33
+ darker: "#084172",
34
+ // light: "#78CDFA",
35
+ // base: "#1AAFF6",
36
+ // dark: "#148CC5",
37
+ // darker: "#126994",
34
38
  },
35
39
  green: {
36
- // light: "#A4F6D5",
37
- // base: "#2FD8A5",
38
- // dark: "#00906C",
39
- // darker: "#03624D",
40
- light: "#8BDCAE",
41
- base: "#3DC478",
42
- dark: "#319D60",
43
- darker: "#257648",
40
+ light: "#2FD8A5",
41
+ base: "#00906C",
42
+ dark: "#007C60",
43
+ darker: "#045041",
44
+ // light: "#8BDCAE",
45
+ // base: "#3DC478",
46
+ // dark: "#319D60",
47
+ // darker: "#257648",
44
48
  },
45
49
  purple: {
46
- light: "#C69BDA",
47
- base: "#A059C1",
48
- dark: "#80479A",
49
- darker: "#603574",
50
+ light: "#9870ff",
51
+ base: "#6f0fff",
52
+ dark: "#5b00da",
53
+ darker: "#5100c0",
54
+ // light: "#C69BDA",
55
+ // base: "#A059C1",
56
+ // dark: "#80479A",
57
+ // darker: "#603574",
50
58
  },
51
59
  pink: {
52
- light: "#FE67B7",
53
- base: "#FE0187",
54
- dark: "#CB016C",
55
- darker: "#980151",
60
+ light: "#FCCEFF",
61
+ base: "#FCCEFF",
62
+ dark: "#F73EF7",
63
+ darker: "#791671",
64
+ // light: "#FE67B7",
65
+ // base: "#FE0187",
66
+ // dark: "#CB016C",
67
+ // darker: "#980151",
56
68
  },
57
69
  orange: {
58
- light: "#FFC466",
59
- base: "#FF9D00",
60
- dark: "#CD7E02",
61
- darker: "#995E00",
70
+ light: "#FFB96D",
71
+ base: "#FF5A00",
72
+ dark: "#CC3F02",
73
+ darker: "#822B0C",
74
+ // light: "#FFC466",
75
+ // base: "#FF9D00",
76
+ // dark: "#CD7E02",
77
+ // darker: "#995E00",
62
78
  },
63
79
  darkGray: {
64
80
  light: "#7C7F82",
@@ -90,26 +106,32 @@ var theme = {
90
106
  heading: {
91
107
  h1: {
92
108
  fontSize: "40px",
109
+ fontWeight: 700,
93
110
  lineHeight: "50px",
94
111
  },
95
112
  h2: {
96
113
  fontSize: "32px",
114
+ fontWeight: 600,
97
115
  lineHeight: "40px",
98
116
  },
99
117
  h3: {
100
118
  fontSize: "28px",
119
+ fontWeight: 600,
101
120
  lineHeight: "35px",
102
121
  },
103
122
  h4: {
104
123
  fontSize: "24px",
124
+ fontWeight: 600,
105
125
  lineHeight: "30px",
106
126
  },
107
127
  h5: {
108
128
  fontSize: "20px",
129
+ fontWeight: 600,
109
130
  lineHeight: "25px",
110
131
  },
111
132
  h6: {
112
133
  fontSize: "16px",
134
+ fontWeight: 600,
113
135
  lineHeight: "20px",
114
136
  },
115
137
  },
@@ -132,20 +154,20 @@ var theme = {
132
154
  },
133
155
  paragraph: {
134
156
  tiny: {
135
- fontSize: "12px",
136
- lineHeight: "18px",
157
+ fontSize: "14px",
158
+ lineHeight: "20px",
137
159
  },
138
160
  small: {
139
- fontSize: "14px",
140
- lineHeight: "21px",
161
+ fontSize: "16px",
162
+ lineHeight: "23px",
141
163
  },
142
164
  medium: {
143
- fontSize: "16px",
144
- lineHeight: "24px",
165
+ fontSize: "18px",
166
+ lineHeight: "26px",
145
167
  },
146
168
  large: {
147
- fontSize: "18px",
148
- lineHeight: "27px",
169
+ fontSize: "20px",
170
+ lineHeight: "29px",
149
171
  },
150
172
  },
151
173
  icon: {
@@ -4093,9 +4115,12 @@ var flags = (_a$1 = {},
4093
4115
  _a$1);
4094
4116
  var Flag = function (props) { return (jsx$1(Wrapper$9, __assign$2({}, props, { children: flags[props.locale] }))); };
4095
4117
 
4096
- var StyledHeading = styled.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) {
4118
+ var StyledHeading = styled.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) {
4097
4119
  var type = _a.type;
4098
4120
  return theme.heading[type].fontSize;
4121
+ }, function (_a) {
4122
+ var type = _a.type;
4123
+ return theme.heading[type].fontWeight;
4099
4124
  }, function (_a) {
4100
4125
  var type = _a.type;
4101
4126
  return theme.heading[type].lineHeight;