@muraldevkit/ui-toolkit 4.4.2 → 4.5.1
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/components/index.d.ts +0 -1
- package/dist/components/layout/error-page/MrlBrandColors/MrlBrandColors.d.ts +13 -0
- package/dist/components/layout/error-page/MrlErrorPage/MrlErrorPage.d.ts +20 -0
- package/dist/components/layout/error-page/MrlErrorPage/index.d.ts +1 -0
- package/dist/components/{error-page-template → layout/error-page}/index.d.ts +1 -0
- package/dist/components/layout/index.d.ts +1 -0
- package/dist/components/svg/config.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/styles/MrlErrorPage/module.scss +40 -0
- package/dist/styles/form/global.scss +1 -3
- package/dist/styles/modal/variables.scss +1 -1
- package/dist/styles.css +10 -9
- package/package.json +1 -1
- package/dist/components/error-page-template/MrlBrandColors/MrlBrandColors.d.ts +0 -6
- /package/dist/components/{error-page-template → layout/error-page}/MrlBrandColors/index.d.ts +0 -0
- /package/dist/src/components/{error-page-template → layout/error-page}/MrlBrandColors/MrlBrandColors.functions.scss +0 -0
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
@use '@muraldevkit/ds-foundation/src/styles/global-variables/breakpoints' as *;
|
|
2
|
+
.MrlErrorPage {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
min-height: 100vh;
|
|
6
|
+
min-height: 100dvh;
|
|
7
|
+
.MrlErrorPage-header {
|
|
8
|
+
padding: var(--mrl-spacing-08) var(--mrl-spacing-07) var(--mrl-spacing-11) var(--mrl-spacing-07);
|
|
9
|
+
:global(.MrlSvgContainer) {
|
|
10
|
+
height: 1.875rem;
|
|
11
|
+
width: 6.188rem;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
.MrlErrorPage-main {
|
|
15
|
+
flex-grow: 1;
|
|
16
|
+
padding: 0 var(--mrl-spacing-07) var(--mrl-spacing-08);
|
|
17
|
+
}
|
|
18
|
+
.MrlErrorPage-title {
|
|
19
|
+
color: var(--mrl-color-text-heading);
|
|
20
|
+
font-family: var(--mrl-heading-font-alt);
|
|
21
|
+
padding-bottom: var(--mrl-spacing-07);
|
|
22
|
+
}
|
|
23
|
+
.MrlErrorPage-brand-colors {
|
|
24
|
+
flex-grow: 0;
|
|
25
|
+
flex-shrink: 0;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
@media (min-width: $mrl-breakpoint-02) {
|
|
29
|
+
.MrlErrorPage {
|
|
30
|
+
.MrlErrorPage-header {
|
|
31
|
+
padding: var(--mrl-spacing-08) var(--mrl-spacing-08) var(--mrl-spacing-11)
|
|
32
|
+
var(--mrl-spacing-08);
|
|
33
|
+
}
|
|
34
|
+
.MrlErrorPage-main {
|
|
35
|
+
margin: 0 auto;
|
|
36
|
+
max-width: 33.75rem;
|
|
37
|
+
padding: 0 0 var(--mrl-spacing-08) 0;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
@@ -57,6 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
@mixin mrl-inline-input-vars {
|
|
59
59
|
--mrl-text-input-border-color: transparent;
|
|
60
|
+
--mrl-text-input-border-color-focus: transparent;
|
|
60
61
|
--mrl-text-input-inset-vertical: var(--mrl-spacing-02);
|
|
61
62
|
--mrl-text-input-inset-horizontal: var(--mrl-spacing-03);
|
|
62
63
|
--mrl-text-input-height: var(--mrl-spacing-08);
|
|
@@ -64,9 +65,6 @@
|
|
|
64
65
|
--mrl-text-input-background-color-hover: var(--mrl-black-opacity-00);
|
|
65
66
|
--mrl-text-input-border-color: transparent;
|
|
66
67
|
}
|
|
67
|
-
&:focus-visible {
|
|
68
|
-
--mrl-text-input-border-color: transparent;
|
|
69
|
-
}
|
|
70
68
|
}
|
|
71
69
|
@mixin mrl-checkbox-wrapper {
|
|
72
70
|
height: var(--mrl-checkbox-input-affordance);
|
|
@@ -9,7 +9,7 @@ $mrl-modal-close-size: $mrl-button-height--default;
|
|
|
9
9
|
--mrl-modal-padding-vertical-bottom: var(--mrl-spacing-06);
|
|
10
10
|
--mrl-modal-padding-vertical-top: var(--mrl-spacing-07);
|
|
11
11
|
--mrl-modal-padding-vertical-footer: var(--mrl-spacing-07);
|
|
12
|
-
--mrl-modal-padding-vertical-content: var(--mrl-spacing-
|
|
12
|
+
--mrl-modal-padding-vertical-content: var(--mrl-spacing-02);
|
|
13
13
|
--mrl-modal-padding-horizontal: var(--mrl-spacing-07);
|
|
14
14
|
--mrl-modal-close-inline-margin: var(--mrl-space-inline-related);
|
|
15
15
|
--mrl-modal-close-offset: var(--mrl-spacing-06);
|