@linzjs/lui 23.11.2 → 23.13.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/CHANGELOG.md +14 -0
- package/dist/components/LuiErrorPage/LuiErrorPage.d.ts +2 -0
- package/dist/components/LuiSearchInput/LuiSearchInput.d.ts +2 -0
- package/dist/index.js +32 -6
- package/dist/index.js.map +1 -1
- package/dist/lui.css +36 -2
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +32 -6
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiErrorPage/LuiErrorPage.scss +36 -1
- package/dist/scss/Components/LuiSearchInput/LuiSearchInput.scss +11 -3
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use '../../Core.scss' as lui;
|
|
2
2
|
@use "../../Foundation/Utilities" as *;
|
|
3
|
+
@use '../../Foundation/Variables/BreakpointVars' as breakpoints;
|
|
3
4
|
|
|
4
5
|
$MaxContentWidth: toRem(800px);
|
|
5
6
|
$MaxImgWidth: toRem(280px);
|
|
@@ -17,15 +18,49 @@ $MaxImgWidth: toRem(280px);
|
|
|
17
18
|
.LuiErrorPage-wrapper {
|
|
18
19
|
display: grid;
|
|
19
20
|
grid-template-columns: 1fr;
|
|
20
|
-
margin: lui.$unit-xl
|
|
21
|
+
margin: lui.$unit-xl lui.$unit-md;
|
|
21
22
|
max-width: $MaxContentWidth;
|
|
22
23
|
|
|
23
24
|
@include lui.breakpoint(md) {
|
|
25
|
+
margin: lui.$unit-xl auto;
|
|
24
26
|
grid-template-columns: 1fr $MaxImgWidth;
|
|
25
27
|
}
|
|
26
28
|
.ErrorPageHeading {
|
|
27
29
|
margin-top: 0;
|
|
28
30
|
}
|
|
31
|
+
|
|
32
|
+
.permission-denied-user {
|
|
33
|
+
font-weight: 600;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.permission-denied-app {
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.permission-denied-actions {
|
|
41
|
+
margin-top: 24px;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
gap: 8px;
|
|
45
|
+
|
|
46
|
+
@media (min-width: breakpoints.$breakpoint-sm) {
|
|
47
|
+
flex-direction: row;
|
|
48
|
+
align-items: center;
|
|
49
|
+
|
|
50
|
+
& > :first-child {
|
|
51
|
+
flex: 1;
|
|
52
|
+
}
|
|
53
|
+
& > :last-child {
|
|
54
|
+
flex: 2;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.button-link {
|
|
60
|
+
color: lui.$sea;
|
|
61
|
+
font-weight: 600;
|
|
62
|
+
}
|
|
63
|
+
|
|
29
64
|
}
|
|
30
65
|
|
|
31
66
|
.LuiErrorPage-image {
|
|
@@ -57,7 +57,9 @@ $input-wrapper-height-lg: 56px;
|
|
|
57
57
|
width: 40px;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
.LuiSearchInput-search-button:hover {
|
|
60
|
+
.LuiSearchInput-search-button:hover {
|
|
61
|
+
background: colors.$teal;
|
|
62
|
+
}
|
|
61
63
|
|
|
62
64
|
.LuiSearchInput-search-button-disabled {
|
|
63
65
|
border-radius: 3px;
|
|
@@ -91,6 +93,11 @@ $input-wrapper-height-lg: 56px;
|
|
|
91
93
|
&:focus-visible {
|
|
92
94
|
outline-width: 0;
|
|
93
95
|
}
|
|
96
|
+
|
|
97
|
+
&-hiddenIcon {
|
|
98
|
+
padding-left: 12px;
|
|
99
|
+
margin-left: 5px; // to align the search input text with the search results text
|
|
100
|
+
}
|
|
94
101
|
}
|
|
95
102
|
|
|
96
103
|
.LuiSearchPassiveInput-buttons-panel {
|
|
@@ -143,7 +150,7 @@ $input-wrapper-height-lg: 56px;
|
|
|
143
150
|
|
|
144
151
|
&-enabled {
|
|
145
152
|
svg {
|
|
146
|
-
fill: colors.$sea
|
|
153
|
+
fill: colors.$sea;
|
|
147
154
|
}
|
|
148
155
|
}
|
|
149
156
|
}
|
|
@@ -200,7 +207,8 @@ $input-wrapper-height-lg: 56px;
|
|
|
200
207
|
color: colors.$fuscous;
|
|
201
208
|
}
|
|
202
209
|
|
|
203
|
-
.LuiSearchInput-disclaimer
|
|
210
|
+
.LuiSearchInput-disclaimer,
|
|
211
|
+
.LuiSearchInput-filter {
|
|
204
212
|
@include fonts.font-regular();
|
|
205
213
|
font-size: 14px;
|
|
206
214
|
padding: 5px 20px;
|
package/package.json
CHANGED