@typeolymp/ui-components 3.0.14 → 3.0.16

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.es.js CHANGED
@@ -90,26 +90,32 @@ var theme = {
90
90
  heading: {
91
91
  h1: {
92
92
  fontSize: "40px",
93
+ fontWeight: 700,
93
94
  lineHeight: "50px",
94
95
  },
95
96
  h2: {
96
97
  fontSize: "32px",
98
+ fontWeight: 600,
97
99
  lineHeight: "40px",
98
100
  },
99
101
  h3: {
100
102
  fontSize: "28px",
103
+ fontWeight: 600,
101
104
  lineHeight: "35px",
102
105
  },
103
106
  h4: {
104
107
  fontSize: "24px",
108
+ fontWeight: 600,
105
109
  lineHeight: "30px",
106
110
  },
107
111
  h5: {
108
112
  fontSize: "20px",
113
+ fontWeight: 600,
109
114
  lineHeight: "25px",
110
115
  },
111
116
  h6: {
112
117
  fontSize: "16px",
118
+ fontWeight: 600,
113
119
  lineHeight: "20px",
114
120
  },
115
121
  },
@@ -132,20 +138,20 @@ var theme = {
132
138
  },
133
139
  paragraph: {
134
140
  tiny: {
135
- fontSize: "12px",
136
- lineHeight: "18px",
141
+ fontSize: "14px",
142
+ lineHeight: "20px",
137
143
  },
138
144
  small: {
139
- fontSize: "14px",
140
- lineHeight: "21px",
145
+ fontSize: "16px",
146
+ lineHeight: "23px",
141
147
  },
142
148
  medium: {
143
- fontSize: "16px",
144
- lineHeight: "24px",
149
+ fontSize: "18px",
150
+ lineHeight: "26px",
145
151
  },
146
152
  large: {
147
- fontSize: "18px",
148
- lineHeight: "27px",
153
+ fontSize: "20px",
154
+ lineHeight: "29px",
149
155
  },
150
156
  },
151
157
  icon: {
@@ -4093,9 +4099,12 @@ var flags = (_a$1 = {},
4093
4099
  _a$1);
4094
4100
  var Flag = function (props) { return (jsx$1(Wrapper$9, __assign$2({}, props, { children: flags[props.locale] }))); };
4095
4101
 
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) {
4102
+ 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
4103
  var type = _a.type;
4098
4104
  return theme.heading[type].fontSize;
4105
+ }, function (_a) {
4106
+ var type = _a.type;
4107
+ return theme.heading[type].fontWeight;
4099
4108
  }, function (_a) {
4100
4109
  var type = _a.type;
4101
4110
  return theme.heading[type].lineHeight;