@vialiq/flux-ui 0.6.1 → 0.7.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/components/_alert.scss +62 -0
- package/components/_index.scss +1 -0
- package/flux-ui.css.map +1 -1
- package/package.json +1 -1
- package/styles/_theme.scss +14 -4
- package/styles/_variables.scss +14 -0
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Alert component base styles.
|
|
3
|
+
*
|
|
4
|
+
* Shared foundation styles for the alert component.
|
|
5
|
+
* Provides flexbox layout, spacing via tokens, and interaction states.
|
|
6
|
+
* Component-specific colors and sizing defined by consuming components.
|
|
7
|
+
*/
|
|
8
|
+
|
|
9
|
+
@use '../styles/variables' as tokens;
|
|
10
|
+
|
|
11
|
+
@layer components {
|
|
12
|
+
.alert-root {
|
|
13
|
+
display: flex;
|
|
14
|
+
align-items: flex-start;
|
|
15
|
+
box-sizing: border-box;
|
|
16
|
+
width: 100%;
|
|
17
|
+
|
|
18
|
+
border-radius: var(--vi-alert-border-radius, 6px);
|
|
19
|
+
padding: var(--vi-alert-padding, 12px 16px);
|
|
20
|
+
gap: var(--vi-alert-gap, 12px);
|
|
21
|
+
border-width: var(--vi-alert-border-width, 1px);
|
|
22
|
+
border-style: solid;
|
|
23
|
+
|
|
24
|
+
font-family: tokens.$font-family-base;
|
|
25
|
+
font-size: tokens.$font-size-sm;
|
|
26
|
+
line-height: tokens.$line-height-normal;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.alert-icon {
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
justify-content: center;
|
|
33
|
+
flex-shrink: 0;
|
|
34
|
+
|
|
35
|
+
// Slight padding to align nicely with the title text
|
|
36
|
+
padding-top: 2px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.alert-content {
|
|
40
|
+
display: flex;
|
|
41
|
+
flex-direction: column;
|
|
42
|
+
flex-grow: 1;
|
|
43
|
+
min-width: 0;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.alert-title {
|
|
47
|
+
font-weight: tokens.$font-weight-semibold;
|
|
48
|
+
margin-bottom: 4px;
|
|
49
|
+
display: block;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.alert-body {
|
|
53
|
+
// any general body styles
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.alert-actions {
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
gap: tokens.$spacing-xs;
|
|
60
|
+
margin-top: tokens.$spacing-sm;
|
|
61
|
+
}
|
|
62
|
+
}
|
package/components/_index.scss
CHANGED
package/flux-ui.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../libs/flux-ui/styles/_variables.scss","../../../libs/flux-ui/styles/_root.scss","../../../libs/flux-ui/styles/_reset.scss","../../../libs/flux-ui/styles/_layout.scss","../../../libs/flux-ui/styles/_typography.scss","../../../libs/flux-ui/styles/_utilities.scss"],"names":[],"mappings":"AAkBA,oCCNA,MAMM,gqHAQF,sYAMF,wEACA,wEACA,gEAME,kZAMF,kIACA,4GAKA,6DACA,6DACA,iEACA,6DACA,6DACA,+DACA,+DAKA,sEACA,wEACA,wEACA,4EACA,oEAKA,sEACA,wEACA,2EASA,gFACA,8EACA,8EACA,+EACA,gFAME,kVAMF,oEACA,oEACA,oEACA,qEAKA,sEACA,sEACA,wECpGF,aAKE,qBAGE,sBAOF,KAEE,8BACA,0BAOF,KACE,SACA,UACA,
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../libs/flux-ui/styles/_variables.scss","../../../libs/flux-ui/styles/_root.scss","../../../libs/flux-ui/styles/_reset.scss","../../../libs/flux-ui/styles/_layout.scss","../../../libs/flux-ui/styles/_typography.scss","../../../libs/flux-ui/styles/_utilities.scss"],"names":[],"mappings":"AAkBA,oCCNA,MAMM,gqHAQF,sYAMF,wEACA,wEACA,gEAME,kZAMF,kIACA,4GAKA,6DACA,6DACA,iEACA,6DACA,6DACA,+DACA,+DAKA,sEACA,wEACA,wEACA,4EACA,oEAKA,sEACA,wEACA,2EASA,gFACA,8EACA,8EACA,+EACA,gFAME,kVAMF,oEACA,oEACA,oEACA,qEAKA,sEACA,sEACA,wECpGF,aAKE,qBAGE,sBAOF,KAEE,8BACA,0BAOF,KACE,SACA,UACA,YFuJe,8FEtJf,UF2Ja,+BE1Jb,YFuKkB,kCEtKlB,MF+Ee,oCE9Ef,iBF6Ee,oCE5Ef,mCACA,kCAOF,6BACE,SACA,UAGF,kBACE,oBACA,kBACA,oBAGF,MACE,gBAOF,EACE,cACA,qBACA,+BAEA,iBAEE,UAQJ,cACE,YFwGe,wEEvGf,cAGF,IACE,SACA,cAOF,6BAIE,SACA,UACA,oBACA,eACA,iBAGF,+DAIE,yBACA,SACA,eACA,0BAEA,uIACE,UACA,SAIJ,qBACE,UACA,4BAGF,kBACE,UACA,yBAGF,SACE,cACA,gBAOF,MACE,yBACA,iBAGF,MAEE,UAOF,QAEE,eACA,YACA,cAGF,IACE,SACA,sBAOF,aAEE,eAOF,SACE,aAGF,GACE,SACA,SACA,sDCrLJ,iBAKE,MACE,aAGF,UACE,sBAGF,UACE,mBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,gBACE,uBAGF,aACE,yBAGF,iBACE,8BAGF,gBACE,6BAGF,aACE,uBAGF,cACE,mBAGF,WACE,qBAGF,eACE,oBAGF,QACE,IH4GW,0BGzGb,QACE,IHyGW,2BGtGb,QACE,IHsGW,2BGnGb,QACE,IHmGW,2BGhGb,QACE,IHgGW,2BG7Fb,QACE,OAGF,WACE,YAGF,eACE,cAOF,MACE,aAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,aACE,gDAGF,oBACE,2DAOF,QACE,aAGF,OACE,cAGF,cACE,qBAGF,QACE,eAOF,UACE,kBAGF,UACE,kBAGF,OACE,eAGF,QACE,gBAGF,QACE,gBAOF,QACE,WAGF,QACE,WAGF,QACE,YAGF,QACE,YAGF,cACE,iBAGF,iBACE,iBACA,iBACA,kBAOF,iBACE,gBAGF,eACE,cAGF,iBACE,gBAGF,iBACE,iBC3LJ,+PACE,0GACA,mCACA,kCACA,SAQF,kBAIE,KACE,sIACA,iEACA,wEACA,yEACA,gFACA,mEACA,mCACA,kCAKF,GAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,GAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,GAEE,kEACA,6EACA,2EACA,mFACA,sEAGF,GAEE,kEACA,6EACA,2EACA,mFACA,sEAGF,GAEE,oEACA,6EACA,4EACA,qFACA,sEAGF,GAEE,kEACA,6EACA,4EACA,qFACA,oEAKF,EAEE,iEACA,wEACA,yEACA,gFACA,mEAMF,MAEE,gEACA,yEACA,yEACA,mFACA,oEAKF,MAEE,+DACA,wEACA,yEACA,kFACA,iEAGF,SAEE,gDAGF,KAEE,kBAKF,WAEE,+DACA,wEACA,yEACA,kFACA,iEAKF,cAIE,gHACA,4DACA,qEACA,sEACA,6EACA,gEACA,4BAGF,IAEE,gHACA,4DACA,wEACA,gEACA,4BAKF,WAEE,+DACA,uEACA,2EACA,gFACA,iEACA,kBACA,UAKF,GAEE,gEACA,2EACA,yEACA,mFACA,oEAGF,GAEE,+DACA,wEACA,yEACA,kEAUJ,iBAIE,eAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,eAEE,mEACA,6EACA,2EACA,sFACA,sEAKF,eAEE,mEACA,yEACA,2EACA,sFACA,sEAGF,eAEE,kEACA,6EACA,2EACA,mFACA,sEAGF,eAEE,oEACA,6EACA,4EACA,qFACA,sEAGF,eAEE,kEACA,6EACA,4EACA,qFACA,oEAKF,YAEE,+DACA,wEACA,2EACA,gFACA,mEAGF,YAEE,iEACA,wEACA,yEACA,gFACA,mEAGF,YAEE,+DACA,wEACA,yEACA,gFACA,iEAKF,aAEE,gEACA,yEACA,yEACA,mFACA,oEAGF,aAEE,gEACA,yEACA,yEACA,mFACA,oEAKF,YAEE,+DACA,wEACA,yEACA,kFACA,iEAGF,aAEE,gEACA,2EACA,yEACA,mFACA,yBACA,kEAGF,SACE,gHACA,4DACA,qEACA,sEACA,6EACA,gEACA,4BAKF,uDACA,wDACA,gEACA,0DACA,kCACA,kBACE,gBACA,mBACA,uBAEF,mCAIA,0EACA,wEACA,wEACA,yEACA,2ECjYF,iBAMI,MACE,OLmUQ,0BKhUV,OACE,YL+TQ,0BK9TR,aL8TQ,0BK3TV,OACE,WL0TQ,0BKzTR,cLyTQ,0BKtTV,OACE,WLqTQ,0BKlTV,OACE,aLiTQ,0BK9SV,OACE,cL6SQ,0BK1SV,OACE,YLySQ,0BKpUV,MACE,OLmUQ,2BKhUV,OACE,YL+TQ,2BK9TR,aL8TQ,2BK3TV,OACE,WL0TQ,2BKzTR,cLyTQ,2BKtTV,OACE,WLqTQ,2BKlTV,OACE,aLiTQ,2BK9SV,OACE,cL6SQ,2BK1SV,OACE,YLySQ,2BKpUV,MACE,OLmUQ,2BKhUV,OACE,YL+TQ,2BK9TR,aL8TQ,2BK3TV,OACE,WL0TQ,2BKzTR,cLyTQ,2BKtTV,OACE,WLqTQ,2BKlTV,OACE,aLiTQ,2BK9SV,OACE,cL6SQ,2BK1SV,OACE,YLySQ,2BKpUV,MACE,OLmUQ,2BKhUV,OACE,YL+TQ,2BK9TR,aL8TQ,2BK3TV,OACE,WL0TQ,2BKzTR,cLyTQ,2BKtTV,OACE,WLqTQ,2BKlTV,OACE,aLiTQ,2BK9SV,OACE,cL6SQ,2BK1SV,OACE,YLySQ,2BKpUV,MACE,OLmUQ,2BKhUV,OACE,YL+TQ,2BK9TR,aL8TQ,2BK3TV,OACE,WL0TQ,2BKzTR,cLyTQ,2BKtTV,OACE,WLqTQ,2BKlTV,OACE,aLiTQ,2BK9SV,OACE,cL6SQ,2BK1SV,OACE,YLySQ,2BKpUV,OACE,OLmUQ,4BKhUV,QACE,YL+TQ,4BK9TR,aL8TQ,4BK3TV,QACE,WL0TQ,4BKzTR,cLyTQ,4BKtTV,QACE,WLqTQ,4BKlTV,QACE,aLiTQ,4BK9SV,QACE,cL6SQ,4BK1SV,QACE,YLySQ,4BKpUV,OACE,OLmUQ,4BKhUV,QACE,YL+TQ,4BK9TR,aL8TQ,4BK3TV,QACE,WL0TQ,4BKzTR,cLyTQ,4BKtTV,QACE,WLqTQ,4BKlTV,QACE,aLiTQ,4BK9SV,QACE,cL6SQ,4BK1SV,QACE,YLySQ,4BKhSV,MACE,QL+RQ,0BK5RV,OACE,aL2RQ,0BK1RR,cL0RQ,0BKvRV,OACE,YLsRQ,0BKrRR,eLqRQ,0BKlRV,OACE,YLiRQ,0BK9QV,OACE,cL6QQ,0BK1QV,OACE,eLyQQ,0BKtQV,OACE,aLqQQ,0BKhSV,MACE,QL+RQ,2BK5RV,OACE,aL2RQ,2BK1RR,cL0RQ,2BKvRV,OACE,YLsRQ,2BKrRR,eLqRQ,2BKlRV,OACE,YLiRQ,2BK9QV,OACE,cL6QQ,2BK1QV,OACE,eLyQQ,2BKtQV,OACE,aLqQQ,2BKhSV,MACE,QL+RQ,2BK5RV,OACE,aL2RQ,2BK1RR,cL0RQ,2BKvRV,OACE,YLsRQ,2BKrRR,eLqRQ,2BKlRV,OACE,YLiRQ,2BK9QV,OACE,cL6QQ,2BK1QV,OACE,eLyQQ,2BKtQV,OACE,aLqQQ,2BKhSV,MACE,QL+RQ,2BK5RV,OACE,aL2RQ,2BK1RR,cL0RQ,2BKvRV,OACE,YLsRQ,2BKrRR,eLqRQ,2BKlRV,OACE,YLiRQ,2BK9QV,OACE,cL6QQ,2BK1QV,OACE,eLyQQ,2BKtQV,OACE,aLqQQ,2BKhSV,MACE,QL+RQ,2BK5RV,OACE,aL2RQ,2BK1RR,cL0RQ,2BKvRV,OACE,YLsRQ,2BKrRR,eLqRQ,2BKlRV,OACE,YLiRQ,2BK9QV,OACE,cL6QQ,2BK1QV,OACE,eLyQQ,2BKtQV,OACE,aLqQQ,2BKhSV,OACE,QL+RQ,4BK5RV,QACE,aL2RQ,4BK1RR,cL0RQ,4BKvRV,QACE,YLsRQ,4BKrRR,eLqRQ,4BKlRV,QACE,YLiRQ,4BK9QV,QACE,cL6QQ,4BK1QV,QACE,eLyQQ,4BKtQV,QACE,aLqQQ,4BKhSV,OACE,QL+RQ,4BK5RV,QACE,aL2RQ,4BK1RR,cL0RQ,4BKvRV,QACE,YLsRQ,4BKrRR,eLqRQ,4BKlRV,QACE,YLiRQ,4BK9QV,QACE,cL6QQ,4BK1QV,QACE,eLyQQ,4BKtQV,QACE,aLqQQ,4BK7PZ,SACE,ULwGa,6BKrGf,SACE,ULqGa,6BKlGf,WACE,ULkGa,+BK/Ff,SACE,UL+Fa,6BK5Ff,SACE,UL4Fa,6BKzFf,UACE,ULyFa,8BKtFf,UACE,ULsFa,8BKnFf,YACE,YLoFmB,iCKjFrB,aACE,YLiFmB,kCK9ErB,aACE,YL8EmB,kCK3ErB,eACE,YL2EmB,oCKxErB,WACE,YLwEmB,gCKrErB,eACE,YLsEkB,iCKnEpB,gBACE,YLmEkB,kCKhEpB,iBACE,YLgEkB,oCK7DpB,aACE,kBAGF,WACE,gBAGF,YACE,iBAQA,cACE,MLsKM,iCKnKR,YACE,iBLkKM,iCK/JR,gBACE,aL8JM,iCKvKR,gBACE,MLsKM,mCKnKR,cACE,iBLkKM,mCK/JR,kBACE,aL8JM,mCKvKR,cACE,MLsKM,iCKnKR,YACE,iBLkKM,iCK/JR,gBACE,aL8JM,iCKvKR,cACE,MLsKM,iCKnKR,YACE,iBLkKM,iCK/JR,gBACE,aL8JM,iCKvKR,YACE,MLsKM,+BKnKR,UACE,iBLkKM,+BK/JR,cACE,aL8JM,+BKvKR,WACE,MLsKM,8BKnKR,SACE,iBLkKM,8BK/JR,aACE,aL8JM,8BKtJN,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,cACE,ML2IO,iCKxIT,YACE,iBLuIO,iCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,gBACE,ML2IO,mCKxIT,cACE,iBLuIO,mCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,eACE,ML2IO,kCKxIT,aACE,iBLuIO,kCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCK5IT,iBACE,ML2IO,oCKxIT,eACE,iBLuIO,oCKhIX,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKtDb,kBACE,MLqDW,kCKlDb,gBACE,iBLiDW,kCK9Cb,oBACE,aL6CW,kCKpCb,WACE,WL0IO,qDK3IT,WACE,WL0IO,uDK3IT,WACE,WL0IO,yDK3IT,WACE,WL0IO,yDKlIX,cACE,gBAGF,YACE,cLIe,gCKDjB,YACE,cLCe,gCKEjB,YACE,cLFe,gCKKjB,YACE,cLLe,iCKQjB,cACE,qBAOF,aACE,aLbiB,iCKcjB,mBAGF,aACE,aLjBiB,iCKkBjB,mBAGF,cACE,aLrBiB,kCKsBjB,mBAQA,QACE,QLqHQ,GKtHV,QACE,QLqHQ,KKtHV,QACE,QLqHQ,EKtHV,YACE,QLqHQ,KKtHV,UACE,QLqHQ,KKtHV,SACE,QLqHQ,KKtHV,YACE,QLqHQ,KKtHV,SACE,QLqHQ,KKtHV,WACE,QLqHQ,KKtHV,WACE,QLqHQ,KK7GZ,qBACA,wBACA,uBACA,wBACA,uBAMA,OACE,cAGF,QACE,eAGF,cACE,qBAGF,QACE,aAOF,MACE,aAGF,UACE,mBAGF,UACE,sBAGF,WACE,eAGF,aACE,iBAGF,eACE,2BAGF,aACE,yBAGF,gBACE,uBAGF,iBACE,8BAGF,gBACE,6BAGF,gBACE,6BAGF,aACE,uBAGF,WACE,qBAGF,cACE,mBAGF,eACE,oBAGF,gBACE,qBAGF,QACE,YAGF,WACE,cAGF,WACE,UAOF,MACE,aAIA,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,aACE,gDADF,cACE,iDADF,cACE,iDADF,cACE,iDASF,QACE,IL/DQ,0BKkEV,UACE,WLnEQ,0BKsEV,UACE,QLvEQ,0BK8DV,QACE,IL/DQ,2BKkEV,UACE,WLnEQ,2BKsEV,UACE,QLvEQ,2BK8DV,QACE,IL/DQ,2BKkEV,UACE,WLnEQ,2BKsEV,UACE,QLvEQ,2BK8DV,QACE,IL/DQ,2BKkEV,UACE,WLnEQ,2BKsEV,UACE,QLvEQ,2BK8DV,QACE,IL/DQ,2BKkEV,UACE,WLnEQ,2BKsEV,UACE,QLvEQ,2BK8DV,SACE,IL/DQ,4BKkEV,WACE,WLnEQ,4BKsEV,WACE,QLvEQ,4BK8DV,SACE,IL/DQ,4BKkEV,WACE,WLnEQ,4BKsEV,WACE,QLvEQ,4BK+EZ,gBACE,+BAGF,mBACE,+FAGF,oBACE,mCAGF,wCACA,wCACA","file":"flux-ui.css"}
|
package/package.json
CHANGED
package/styles/_theme.scss
CHANGED
|
@@ -45,10 +45,10 @@ $vi-theme--light: (
|
|
|
45
45
|
'bg-secondary': $color-grey-200,
|
|
46
46
|
'bg-tertiary': $color-grey-300,
|
|
47
47
|
'bg-inverse': $color-grey-900,
|
|
48
|
-
'bg-success':
|
|
49
|
-
'bg-warning':
|
|
50
|
-
'bg-error':
|
|
51
|
-
'bg-info':
|
|
48
|
+
'bg-success': $color-green-100,
|
|
49
|
+
'bg-warning': $color-yellow-100,
|
|
50
|
+
'bg-error': $color-red-100,
|
|
51
|
+
'bg-info': $color-blue-100,
|
|
52
52
|
|
|
53
53
|
// Layer/depth backgrounds (Light to Dark)
|
|
54
54
|
'layer-01': #ffffff,
|
|
@@ -144,6 +144,16 @@ $vi-theme--dark: map.merge($vi-theme--light, (
|
|
|
144
144
|
|
|
145
145
|
'card-bg': $color-grey-900,
|
|
146
146
|
'card-border': $color-grey-800,
|
|
147
|
+
|
|
148
|
+
// Status colors - dark theme overrides
|
|
149
|
+
'text-success': $color-green-300,
|
|
150
|
+
'bg-success': $color-green-900,
|
|
151
|
+
'text-warning': $color-yellow-300,
|
|
152
|
+
'bg-warning': $color-yellow-900,
|
|
153
|
+
'text-error': $color-red-300,
|
|
154
|
+
'bg-error': $color-red-900,
|
|
155
|
+
'text-info': $color-blue-300,
|
|
156
|
+
'bg-info': $color-blue-900,
|
|
147
157
|
));
|
|
148
158
|
|
|
149
159
|
// ============================================================================
|
package/styles/_variables.scss
CHANGED
|
@@ -143,6 +143,19 @@ $text-secondary-inverse: var(--vi-text-secondary-inverse, #d1d5db); // grey-300
|
|
|
143
143
|
$text-inverse: var(--vi-text-inverse, #ffffff);
|
|
144
144
|
$text-disabled: var(--vi-text-disabled, #9e9e9e); // grey-500
|
|
145
145
|
$text-helper: var(--vi-text-helper, #9e9e9e); // grey-500
|
|
146
|
+
|
|
147
|
+
// -- Semantic status text colors
|
|
148
|
+
$text-success: var(--vi-text-success, #265a3d); // green-700
|
|
149
|
+
$text-warning: var(--vi-text-warning, #e68300); // yellow-800
|
|
150
|
+
$text-error: var(--vi-text-error, #db231b); // red-700
|
|
151
|
+
$text-info: var(--vi-text-info, #3676d0); // blue-700
|
|
152
|
+
|
|
153
|
+
// -- Semantic status background colors
|
|
154
|
+
$bg-success: var(--vi-bg-success, #e6f9f0);
|
|
155
|
+
$bg-warning: var(--vi-bg-warning, #fff8e1);
|
|
156
|
+
$bg-error: var(--vi-bg-error, #ffebee);
|
|
157
|
+
$bg-info: var(--vi-bg-info, #e3f2fd);
|
|
158
|
+
|
|
146
159
|
$focus: var(--vi-focus, #3676d0); // blue-700
|
|
147
160
|
$outline: var(--vi-outline, #e5e7eb); // grey-200
|
|
148
161
|
|
|
@@ -223,6 +236,7 @@ $border-radius-xl: var(--vi-border-radius-xl, 12px);
|
|
|
223
236
|
$border-width-thin: var(--vi-border-width-thin, 1px);
|
|
224
237
|
$border-width-base: var(--vi-border-width-base, 2px);
|
|
225
238
|
$border-width-thick: var(--vi-border-width-thick, 3px);
|
|
239
|
+
// End of Semantic SASS Tokens
|
|
226
240
|
|
|
227
241
|
// ============================================================================
|
|
228
242
|
// SCSS MAPS (for programmatic class generation via @each)
|