@ndla/ui 56.0.31-alpha.0 → 56.0.32-alpha.0

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/dist/styles.css CHANGED
@@ -49,6 +49,7 @@
49
49
  }
50
50
 
51
51
  .textStyle_heading\.large {
52
+ letter-spacing: -1px;
52
53
  font-family: var(--fonts-sans);
53
54
  font-weight: var(--font-weights-bold);
54
55
  font-size: var(--font-sizes-4xlarge);
@@ -61,6 +62,7 @@
61
62
  }
62
63
 
63
64
  .textStyle_title\.medium {
65
+ letter-spacing: -1px;
64
66
  font-family: var(--fonts-sans);
65
67
  font-weight: var(--font-weights-bold);
66
68
  font-size: var(--font-sizes-large);
@@ -82,6 +84,30 @@
82
84
  .\[\&_a\]\:textStyle_label\.xsmall a:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
83
85
  font-size: calc(var(--font-sizes-xxsmall) * 1.11);
84
86
  line-height: calc(var(--line-heights-xxsmall) * 1.11);
87
+ }
88
+
89
+ @media screen and (max-width: 29.7475rem) {
90
+ .textStyle_heading\.large {
91
+ font-size: var(--font-sizes-3xlarge);
92
+ line-height: var(--line-heights-3xlarge);
93
+ }
94
+
95
+ .textStyle_heading\.large:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
96
+ font-size: calc(var(--font-sizes-3xlarge) * 1.11);
97
+ line-height: calc(var(--line-heights-3xlarge) * 1.11);
98
+ }
99
+ }
100
+
101
+ @media screen and (max-width: 29.7475rem) {
102
+ .textStyle_title\.medium {
103
+ font-size: var(--font-sizes-medium);
104
+ line-height: var(--line-heights-small);
105
+ }
106
+
107
+ .textStyle_title\.medium:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
108
+ font-size: calc(var(--font-sizes-medium) * 1.11);
109
+ line-height: calc(var(--line-heights-small) * 1.11);
110
+ }
85
111
  }
86
112
  }
87
113
 
package/es/styles.css CHANGED
@@ -49,6 +49,7 @@
49
49
  }
50
50
 
51
51
  .textStyle_heading\.large {
52
+ letter-spacing: -1px;
52
53
  font-family: var(--fonts-sans);
53
54
  font-weight: var(--font-weights-bold);
54
55
  font-size: var(--font-sizes-4xlarge);
@@ -61,6 +62,7 @@
61
62
  }
62
63
 
63
64
  .textStyle_title\.medium {
65
+ letter-spacing: -1px;
64
66
  font-family: var(--fonts-sans);
65
67
  font-weight: var(--font-weights-bold);
66
68
  font-size: var(--font-sizes-large);
@@ -82,6 +84,30 @@
82
84
  .\[\&_a\]\:textStyle_label\.xsmall a:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
83
85
  font-size: calc(var(--font-sizes-xxsmall) * 1.11);
84
86
  line-height: calc(var(--line-heights-xxsmall) * 1.11);
87
+ }
88
+
89
+ @media screen and (max-width: 29.7475rem) {
90
+ .textStyle_heading\.large {
91
+ font-size: var(--font-sizes-3xlarge);
92
+ line-height: var(--line-heights-3xlarge);
93
+ }
94
+
95
+ .textStyle_heading\.large:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
96
+ font-size: calc(var(--font-sizes-3xlarge) * 1.11);
97
+ line-height: calc(var(--line-heights-3xlarge) * 1.11);
98
+ }
99
+ }
100
+
101
+ @media screen and (max-width: 29.7475rem) {
102
+ .textStyle_title\.medium {
103
+ font-size: var(--font-sizes-medium);
104
+ line-height: var(--line-heights-small);
105
+ }
106
+
107
+ .textStyle_title\.medium:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
108
+ font-size: calc(var(--font-sizes-medium) * 1.11);
109
+ line-height: calc(var(--line-heights-small) * 1.11);
110
+ }
85
111
  }
86
112
  }
87
113
 
package/lib/styles.css CHANGED
@@ -49,6 +49,7 @@
49
49
  }
50
50
 
51
51
  .textStyle_heading\.large {
52
+ letter-spacing: -1px;
52
53
  font-family: var(--fonts-sans);
53
54
  font-weight: var(--font-weights-bold);
54
55
  font-size: var(--font-sizes-4xlarge);
@@ -61,6 +62,7 @@
61
62
  }
62
63
 
63
64
  .textStyle_title\.medium {
65
+ letter-spacing: -1px;
64
66
  font-family: var(--fonts-sans);
65
67
  font-weight: var(--font-weights-bold);
66
68
  font-size: var(--font-sizes-large);
@@ -82,6 +84,30 @@
82
84
  .\[\&_a\]\:textStyle_label\.xsmall a:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
83
85
  font-size: calc(var(--font-sizes-xxsmall) * 1.11);
84
86
  line-height: calc(var(--line-heights-xxsmall) * 1.11);
87
+ }
88
+
89
+ @media screen and (max-width: 29.7475rem) {
90
+ .textStyle_heading\.large {
91
+ font-size: var(--font-sizes-3xlarge);
92
+ line-height: var(--line-heights-3xlarge);
93
+ }
94
+
95
+ .textStyle_heading\.large:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
96
+ font-size: calc(var(--font-sizes-3xlarge) * 1.11);
97
+ line-height: calc(var(--line-heights-3xlarge) * 1.11);
98
+ }
99
+ }
100
+
101
+ @media screen and (max-width: 29.7475rem) {
102
+ .textStyle_title\.medium {
103
+ font-size: var(--font-sizes-medium);
104
+ line-height: var(--line-heights-small);
105
+ }
106
+
107
+ .textStyle_title\.medium:where([lang='zh'], [lang='zh-Hans'], [lang='zh-Hant']):not([data-pinyin]) {
108
+ font-size: calc(var(--font-sizes-medium) * 1.11);
109
+ line-height: calc(var(--line-heights-small) * 1.11);
110
+ }
85
111
  }
86
112
  }
87
113
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "56.0.31-alpha.0",
3
+ "version": "56.0.32-alpha.0",
4
4
  "description": "UI component library for NDLA",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -34,10 +34,10 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "@ndla/core": "^5.0.2",
37
- "@ndla/icons": "^8.0.21-alpha.0",
37
+ "@ndla/icons": "^8.0.22-alpha.0",
38
38
  "@ndla/licenses": "^8.0.3-alpha.0",
39
- "@ndla/primitives": "^1.0.28-alpha.0",
40
- "@ndla/safelink": "^7.0.28-alpha.0",
39
+ "@ndla/primitives": "^1.0.29-alpha.0",
40
+ "@ndla/safelink": "^7.0.29-alpha.0",
41
41
  "@ndla/styled-system": "^0.0.22",
42
42
  "@ndla/util": "^5.0.0-alpha.0",
43
43
  "html-react-parser": "^5.1.8",
@@ -51,7 +51,7 @@
51
51
  "react-router-dom": "> 6.0.0"
52
52
  },
53
53
  "devDependencies": {
54
- "@ndla/preset-panda": "^0.0.31",
54
+ "@ndla/preset-panda": "^0.0.32",
55
55
  "@ndla/types-backend": "^0.2.86",
56
56
  "@ndla/types-embed": "^5.0.2-alpha.0",
57
57
  "@pandacss/dev": "^0.46.0",
@@ -64,5 +64,5 @@
64
64
  "publishConfig": {
65
65
  "access": "public"
66
66
  },
67
- "gitHead": "784eea9f500d7e38a2d5102286118a1da129b743"
67
+ "gitHead": "8bfa22e2ca1f9ee0638df252f56389807797e704"
68
68
  }