@linzjs/lui 21.23.0 → 21.24.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/LuiTabs/LuiTab/LuiTab.d.ts +1 -0
- package/dist/components/Splitter/helpers/useValueSeparator.d.ts +2 -0
- package/dist/components/Splitter/helpers/useValueSeparatorEffects.d.ts +5 -0
- package/dist/index.js +53 -18
- package/dist/index.js.map +1 -1
- package/dist/lui.css +20 -0
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +53 -18
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiTabs/LuiTab/LuiTab.scss +23 -0
- package/dist/scss/Components/LuiTabs/LuiTabsGroup/LuiTabsGroup.scss +1 -0
- package/package.json +1 -1
|
@@ -10,6 +10,11 @@
|
|
|
10
10
|
color: colors.$base-type-color;
|
|
11
11
|
min-width: spacing.$unit-xxl * 2;
|
|
12
12
|
@include fonts.font-regular;
|
|
13
|
+
display: flex;
|
|
14
|
+
position: relative;
|
|
15
|
+
justify-content: center;
|
|
16
|
+
align-items: center;
|
|
17
|
+
column-gap: spacing.$unit-sm;
|
|
13
18
|
|
|
14
19
|
&:focus {
|
|
15
20
|
background-color: rgba(colors.$persian, 0.2);
|
|
@@ -18,6 +23,20 @@
|
|
|
18
23
|
.LuiTabsGroup--justified & {
|
|
19
24
|
width: 100%;
|
|
20
25
|
}
|
|
26
|
+
&--error {
|
|
27
|
+
// Border bottom doesn't cover the grey line underneath,
|
|
28
|
+
// so adding an after element to be offset by 1px to cover the line in a nice panic red.
|
|
29
|
+
&:after {
|
|
30
|
+
display: block;
|
|
31
|
+
content: "";
|
|
32
|
+
position: absolute;
|
|
33
|
+
left: 0;
|
|
34
|
+
right: 0;
|
|
35
|
+
bottom: -1px;
|
|
36
|
+
height: 1px;
|
|
37
|
+
background-color: colors.$engine;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
21
40
|
|
|
22
41
|
&:disabled{
|
|
23
42
|
cursor: not-allowed;
|
|
@@ -50,3 +69,7 @@
|
|
|
50
69
|
position: absolute;
|
|
51
70
|
}
|
|
52
71
|
}
|
|
72
|
+
|
|
73
|
+
.tabErrorIcon {
|
|
74
|
+
fill: colors.$engine;
|
|
75
|
+
}
|
package/package.json
CHANGED