@linzjs/lui 18.9.0 → 18.9.2
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/assets/icons/tick.svg +1 -1
- package/dist/assets/svg-content.tsx +1 -1
- package/dist/index.js +4 -21
- package/dist/index.js.map +1 -1
- package/dist/lui.css +34 -0
- package/dist/lui.css.map +1 -1
- package/dist/lui.esm.js +4 -21
- package/dist/lui.esm.js.map +1 -1
- package/dist/scss/Components/LuiLoadingSpinner/LuiLoadingSpinner.scss +35 -0
- package/dist/scss/base.scss +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@use '../../Foundation/Variables/ColorVars.scss' as colors;
|
|
2
|
+
@use '../../Foundation/Variables/FontVars.scss' as fonts;
|
|
3
|
+
@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
|
|
4
|
+
@use '../../Foundation/Utilities' as *;
|
|
5
|
+
|
|
6
|
+
.LuiLoadingSpinnerBase {
|
|
7
|
+
position: absolute;
|
|
8
|
+
top: 50%;
|
|
9
|
+
left: 50%;
|
|
10
|
+
z-index: 1000;
|
|
11
|
+
margin-left: -74px;
|
|
12
|
+
margin-top: -74px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.LuiLoadingSpinner-SupportText {
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 50%;
|
|
18
|
+
left: 50%;
|
|
19
|
+
margin-left: -150px; // half the width of the text box
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
align-items: center;
|
|
23
|
+
@include fonts.font-regular;
|
|
24
|
+
color: colors.$sea;
|
|
25
|
+
width: 300px;
|
|
26
|
+
// The spinner is nested inside the supporting text version, so we remove the positioning etc
|
|
27
|
+
.LuiLoadingSpinnerBase {
|
|
28
|
+
position: initial;
|
|
29
|
+
display: inline-block;
|
|
30
|
+
margin: 0;
|
|
31
|
+
}
|
|
32
|
+
p {
|
|
33
|
+
@include fonts.font-regular;
|
|
34
|
+
}
|
|
35
|
+
}
|
package/dist/scss/base.scss
CHANGED
|
@@ -82,6 +82,7 @@
|
|
|
82
82
|
@forward './Components/LuiSideMenu/LuiSideMenu.scss';
|
|
83
83
|
@forward './Components/LuiSidePanel/LuiSidePanel.scss';
|
|
84
84
|
@forward './Components/LuiSplitButton/LuiSplitButton.scss';
|
|
85
|
+
@forward './Components/LuiLoadingSpinner/LuiLoadingSpinner.scss';
|
|
85
86
|
|
|
86
87
|
// The following have scss next to the component that is yet to be hooked up with the react implementation
|
|
87
88
|
// LuiTabs
|
package/package.json
CHANGED