@linzjs/lui 13.0.3-0 → 13.1.0-beta.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 +8 -0
- package/README.md +1 -1
- package/dist/components/LuiMenu/LuiMenu.d.ts +0 -1
- package/dist/index.js +26004 -28092
- package/dist/index.js.map +1 -1
- package/dist/lui.css +44 -34
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +25965 -28053
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/Messaging/messaging.scss +13 -12
- package/dist/scss/Components/Modal/modal.scss +9 -8
- package/dist/scss/Foundation/Utilities/Borders.scss +3 -1
- package/package.json +1 -1
|
@@ -5,8 +5,9 @@
|
|
|
5
5
|
@use "../../Foundation/Utilities" as *;
|
|
6
6
|
|
|
7
7
|
@mixin message-base-styling {
|
|
8
|
-
border-left:
|
|
9
|
-
|
|
8
|
+
border-left: spacing.$unit-xl solid colors.$silver;
|
|
9
|
+
@include border-radius();
|
|
10
|
+
padding: spacing.$unit-sm spacing.$unit-xl spacing.$unit-sm spacing.$unit-sm;
|
|
10
11
|
margin: spacing.$unit-lg 0;
|
|
11
12
|
color: colors.$fuscous;
|
|
12
13
|
background: colors.$lily;
|
|
@@ -32,12 +33,12 @@
|
|
|
32
33
|
@mixin message-close-btn {
|
|
33
34
|
button {
|
|
34
35
|
position: absolute;
|
|
35
|
-
top:
|
|
36
|
-
right:
|
|
36
|
+
top: spacing.$unit-sm;
|
|
37
|
+
right: spacing.$unit-sm;
|
|
37
38
|
background: none;
|
|
38
39
|
padding: 0;
|
|
39
40
|
border: none;
|
|
40
|
-
color: colors.$
|
|
41
|
+
color: colors.$sea;
|
|
41
42
|
&:hover {
|
|
42
43
|
cursor: pointer;
|
|
43
44
|
}
|
|
@@ -78,7 +79,7 @@
|
|
|
78
79
|
|
|
79
80
|
.lui-msg-toast {
|
|
80
81
|
@include box-shadow;
|
|
81
|
-
background:
|
|
82
|
+
background: colors.$white;
|
|
82
83
|
display: block;
|
|
83
84
|
box-sizing: border-box;
|
|
84
85
|
position: fixed;
|
|
@@ -98,17 +99,17 @@
|
|
|
98
99
|
|
|
99
100
|
.lui-msg-dynamic-banner {
|
|
100
101
|
@include box-shadow;
|
|
101
|
-
background:
|
|
102
|
-
min-height:
|
|
102
|
+
background: colors.$white;
|
|
103
|
+
min-height: rem(48px);
|
|
103
104
|
}
|
|
104
105
|
|
|
105
106
|
.lui-msg-status-icon {
|
|
106
107
|
content: '';
|
|
107
108
|
position: absolute;
|
|
108
|
-
top:
|
|
109
|
-
left: -
|
|
110
|
-
font-size: 2rem
|
|
111
|
-
color: white;
|
|
109
|
+
top: spacing.$unit-xs;
|
|
110
|
+
left: -40px;
|
|
111
|
+
font-size: 2rem;
|
|
112
|
+
color: colors.$white;
|
|
112
113
|
}
|
|
113
114
|
|
|
114
115
|
.lui-msg-banner-container {
|
|
@@ -6,14 +6,15 @@
|
|
|
6
6
|
.lui-modal {
|
|
7
7
|
padding: spacing.$unit-lg;
|
|
8
8
|
border-left: 0px solid transparent;
|
|
9
|
+
@include border-radius();
|
|
9
10
|
margin: spacing.$unit-lg 0;
|
|
10
11
|
color: colors.$fuscous;
|
|
11
|
-
background:
|
|
12
|
+
background: colors.$white;
|
|
12
13
|
position: relative;
|
|
13
14
|
max-width: 600px;
|
|
14
15
|
|
|
15
16
|
h2 {
|
|
16
|
-
font-size:
|
|
17
|
+
font-size: rem(20px);
|
|
17
18
|
@include fonts.font-semibold;
|
|
18
19
|
color: colors.$fuscous;
|
|
19
20
|
margin: 0;
|
|
@@ -23,19 +24,19 @@
|
|
|
23
24
|
}
|
|
24
25
|
&-success {
|
|
25
26
|
border-color: colors.$success;
|
|
26
|
-
border-width:
|
|
27
|
+
border-width: spacing.$unit-xl;
|
|
27
28
|
}
|
|
28
29
|
&-info {
|
|
29
30
|
border-color: colors.$info;
|
|
30
|
-
border-width:
|
|
31
|
+
border-width: spacing.$unit-xl;
|
|
31
32
|
}
|
|
32
33
|
&-warning {
|
|
33
34
|
border-color: colors.$warning;
|
|
34
|
-
border-width:
|
|
35
|
+
border-width: spacing.$unit-xl;
|
|
35
36
|
}
|
|
36
37
|
&-error {
|
|
37
38
|
border-color: colors.$error;
|
|
38
|
-
border-width:
|
|
39
|
+
border-width: spacing.$unit-xl;
|
|
39
40
|
}
|
|
40
41
|
.modal-btn-row {
|
|
41
42
|
margin-top: spacing.$unit-lg;
|
|
@@ -46,7 +47,7 @@
|
|
|
46
47
|
}
|
|
47
48
|
&-header {
|
|
48
49
|
@include lui-standard-header-background(5px);
|
|
49
|
-
color:
|
|
50
|
+
color: colors.$white;
|
|
50
51
|
&-title {
|
|
51
52
|
display: flex;
|
|
52
53
|
justify-content: space-between;
|
|
@@ -85,7 +86,7 @@
|
|
|
85
86
|
float: right;
|
|
86
87
|
}
|
|
87
88
|
&-btn-size {
|
|
88
|
-
font-size: 32px;
|
|
89
|
+
font-size: rem(32px);
|
|
89
90
|
}
|
|
90
91
|
}
|
|
91
92
|
&-container {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
@use '../Variables/MiscVars.scss' as misc;
|
|
1
2
|
// ============
|
|
2
3
|
// $BORDER
|
|
3
4
|
// ============
|
|
4
5
|
|
|
5
6
|
// Border radius ============
|
|
6
|
-
@mixin border-radius($borderRadius) {
|
|
7
|
+
@mixin border-radius($borderRadius: misc.$borderRadius) {
|
|
8
|
+
//If no value passed, it will use the default LUI variable - which should be your 'go-to'
|
|
7
9
|
border-radius: $borderRadius;
|
|
8
10
|
background-clip: padding-box; // stops bg color from leaking outside the border
|
|
9
11
|
}
|
package/package.json
CHANGED