@hazelcast/ui 1.3.2-next.40 → 1.3.2-next.41
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/package.json +2 -2
- package/styles/constants/_typography.scss +20 -15
- package/styles/fonts.css +0 -26
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hazelcast/ui",
|
|
3
|
-
"version": "1.3.2-next.
|
|
3
|
+
"version": "1.3.2-next.41+58c8bf4",
|
|
4
4
|
"description": "Hazelcast design system components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/hazelcast/frontend-shared#readme",
|
|
@@ -112,5 +112,5 @@
|
|
|
112
112
|
"webpack": "^5.65.0",
|
|
113
113
|
"yup": "^0.32.11"
|
|
114
114
|
},
|
|
115
|
-
"gitHead": "
|
|
115
|
+
"gitHead": "58c8bf4762ce15a30a8578c07a18ed0ed2f1f34e"
|
|
116
116
|
}
|
|
@@ -1,31 +1,32 @@
|
|
|
1
1
|
$fontFamilyHeading: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
|
|
2
|
-
$fontWeightHeadingLight: 300 !default;
|
|
3
2
|
$fontWeightHeadingRegular: 400 !default;
|
|
4
3
|
$fontWeightHeadingBold: 500 !default;
|
|
5
|
-
$fontFamilyText: '
|
|
6
|
-
$fontWeightTextLight: 300 !default;
|
|
4
|
+
$fontFamilyText: 'Open Sans', 'Helvetica', 'Arial', sans-serif !default;
|
|
7
5
|
$fontWeightTextRegular: 400 !default;
|
|
8
|
-
$fontWeightTextBold:
|
|
6
|
+
$fontWeightTextBold: 600 !default;
|
|
9
7
|
|
|
10
8
|
// https://www.figma.com/file/8mVm6LTbp2Z0RaWWjTZoft/%F0%9F%90%9DHIVE?node-id=0%3A136
|
|
11
|
-
$
|
|
12
|
-
$
|
|
13
|
-
$
|
|
9
|
+
$fontSizeH1Hero: 2.875rem !default; // 46px
|
|
10
|
+
$fontSizeH1: 2.125rem !default; // 34px
|
|
11
|
+
$fontSizeH2: 1.625rem !default; // 26px
|
|
12
|
+
$fontSizeH3: 1.25rem !default; // 20px
|
|
14
13
|
$fontSizeButton: 1.125rem !default;
|
|
15
14
|
$fontSizeButtonSmall: 0.875rem !default;
|
|
16
15
|
$fontSizeBodyNormal: 1rem !default;
|
|
17
16
|
$fontSizeBodySmall: 0.875rem !default;
|
|
18
17
|
$fontSizeBodySmaller: 0.75rem !default;
|
|
19
18
|
$fontSizeBodyTiny: 0.625rem !default;
|
|
19
|
+
$letterSpacingH1Hero: 0.25px !default;
|
|
20
20
|
$letterSpacingH1: 0.25px !default;
|
|
21
|
-
$letterSpacingH2: 0 !default;
|
|
22
|
-
$letterSpacingH3: 0.
|
|
21
|
+
$letterSpacingH2: 0.25px !default;
|
|
22
|
+
$letterSpacingH3: 0.25px !default;
|
|
23
23
|
$letterSpacingButton: 1.25px !default;
|
|
24
24
|
$letterSpacingButtonSmall: 0.25px !default;
|
|
25
|
-
$letterSpacingBodyNormal: 0.
|
|
26
|
-
$letterSpacingBodySmall: 0.
|
|
25
|
+
$letterSpacingBodyNormal: 0.25px !default;
|
|
26
|
+
$letterSpacingBodySmall: 0.5px !default;
|
|
27
27
|
$letterSpacingBodySmaller: normal !default;
|
|
28
28
|
$letterSpacingBodyTiny: normal !default;
|
|
29
|
+
$lineHeightH1Hero: normal !default;
|
|
29
30
|
$lineHeightH1: normal !default;
|
|
30
31
|
$lineHeightH2: normal !default;
|
|
31
32
|
$lineHeightH3: normal !default;
|
|
@@ -43,6 +44,14 @@ $lineHeightBodyTiny: normal !default;
|
|
|
43
44
|
@return '';
|
|
44
45
|
}
|
|
45
46
|
|
|
47
|
+
@mixin typographyH1Hero($override: false) {
|
|
48
|
+
font-family: $fontFamilyHeading #{override($override)};
|
|
49
|
+
font-weight: $fontWeightHeadingBold #{override($override)};
|
|
50
|
+
font-size: $fontSizeH4 #{override($override)};
|
|
51
|
+
letter-spacing: $letterSpacingH4 #{override($override)};
|
|
52
|
+
line-height: $lineHeightH4 #{override($override)};
|
|
53
|
+
}
|
|
54
|
+
|
|
46
55
|
@mixin typographyH1($override: false) {
|
|
47
56
|
font-family: $fontFamilyHeading #{override($override)};
|
|
48
57
|
font-weight: $fontWeightHeadingBold #{override($override)};
|
|
@@ -92,10 +101,6 @@ $lineHeightBodyTiny: normal !default;
|
|
|
92
101
|
@if $weight == 'bold' {
|
|
93
102
|
font-weight: $fontWeightTextBold;
|
|
94
103
|
}
|
|
95
|
-
|
|
96
|
-
@if $weight == 'light' {
|
|
97
|
-
font-weight: $fontWeightTextLight;
|
|
98
|
-
}
|
|
99
104
|
}
|
|
100
105
|
|
|
101
106
|
@mixin typographyBodyNormal($weight: 'regular') {
|
package/styles/fonts.css
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
/* roboto-300 - latin */
|
|
2
|
-
@font-face {
|
|
3
|
-
font-family: Roboto;
|
|
4
|
-
font-style: normal;
|
|
5
|
-
font-weight: 300;
|
|
6
|
-
src: url('../fonts/roboto-v27-latin-300.woff2') format('woff2'), url('../fonts/roboto-v27-latin-300.woff') format('woff'),
|
|
7
|
-
url('../fonts/roboto-v27-latin-300.ttf') format('truetype'), url('../fonts/roboto-v27-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
/* roboto-regular - latin */
|
|
11
|
-
@font-face {
|
|
12
|
-
font-family: Roboto;
|
|
13
|
-
font-style: normal;
|
|
14
|
-
font-weight: 400;
|
|
15
|
-
src: url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v27-latin-regular.woff') format('woff'),
|
|
16
|
-
url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
/* roboto-500 - latin */
|
|
20
|
-
@font-face {
|
|
21
|
-
font-family: Roboto;
|
|
22
|
-
font-style: normal;
|
|
23
|
-
font-weight: 500;
|
|
24
|
-
src: url('../fonts/roboto-v27-latin-500.woff2') format('woff2'), url('../fonts/roboto-v27-latin-500.woff') format('woff'),
|
|
25
|
-
url('../fonts/roboto-v27-latin-500.ttf') format('truetype'), url('../fonts/roboto-v27-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
|
|
26
|
-
}
|