@liner-fe/design-token 2.5.36 → 2.5.38
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/lib/index.css +15 -14
- package/package.json +2 -2
- package/src/style/global.css +15 -14
package/lib/index.css
CHANGED
|
@@ -19,14 +19,15 @@
|
|
|
19
19
|
--lp-pri-brand-original-990: #E9F5EA;
|
|
20
20
|
--lp-pri-brand-original-980: #E2F2E3;
|
|
21
21
|
--lp-pri-brand-original-500: #0C893B;
|
|
22
|
-
--lp-pri-brand-original-
|
|
22
|
+
--lp-pri-brand-original-450: #197B2E;
|
|
23
|
+
--lp-pri-brand-original-380: #006820;
|
|
23
24
|
--lp-pri-brand-original-330: #005B1D;
|
|
24
25
|
--lp-pri-brand-original-270: #004B17;
|
|
25
26
|
--lp-pri-brand-original-200: #14371B;
|
|
26
27
|
--lp-pri-brand-original-150: #082C11;
|
|
27
28
|
--lp-pri-brand-original-50: #002109;
|
|
28
29
|
--lp-pri-brand-variation-970: #DEFFDF;
|
|
29
|
-
--lp-pri-brand-variation-950: #
|
|
30
|
+
--lp-pri-brand-variation-950: #C6FFCD;
|
|
30
31
|
--lp-pri-brand-variation-900: #96F7B3;
|
|
31
32
|
--lp-pri-brand-variation-420: #00733E;
|
|
32
33
|
--lp-pri-brand-variation-380: #236638;
|
|
@@ -731,17 +732,17 @@
|
|
|
731
732
|
--brand-label-variation-secondary: var(--lp-pri-brand-variation-970);
|
|
732
733
|
--brand-border-opaque-normal: var(--lp-pri-achromatic-white);
|
|
733
734
|
--brand-border-opaque-strong: var(--lp-pri-brand-variation-950);
|
|
734
|
-
--brandinverse-container-mid: var(--lp-pri-brand-original-
|
|
735
|
-
--brandinverse-container-mid-hover: var(--lp-pri-brand-original-
|
|
735
|
+
--brandinverse-container-mid: var(--lp-pri-brand-original-450);
|
|
736
|
+
--brandinverse-container-mid-hover: var(--lp-pri-brand-original-380);
|
|
736
737
|
--brandinverse-container-high: var(--lp-pri-brand-original-50);
|
|
737
|
-
--brandinverse-fill-mid: var(--lp-pri-brand-original-
|
|
738
|
-
--brandinverse-fill-mid-hover: var(--lp-pri-brand-original-
|
|
738
|
+
--brandinverse-fill-mid: var(--lp-pri-brand-original-450);
|
|
739
|
+
--brandinverse-fill-mid-hover: var(--lp-pri-brand-original-380);
|
|
739
740
|
--brandinverse-fill-low: var(--lp-pri-brand-original-990);
|
|
740
741
|
--brandinverse-fill-low-hover: var(--lp-pri-brand-original-980);
|
|
741
|
-
--brandinverse-label-primary: var(--lp-pri-brand-original-
|
|
742
|
+
--brandinverse-label-primary: var(--lp-pri-brand-original-450);
|
|
742
743
|
--brandinverse-label-secondary: var(--lp-pri-brand-original-200);
|
|
743
744
|
--brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
|
|
744
|
-
--brandinverse-border-opaque-strong: var(--lp-pri-brand-original-
|
|
745
|
+
--brandinverse-border-opaque-strong: var(--lp-pri-brand-original-450);
|
|
745
746
|
--brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
|
|
746
747
|
--accent-label-primary: var(--lp-pri-rainbow-orange-730);
|
|
747
748
|
--accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
|
|
@@ -850,18 +851,18 @@
|
|
|
850
851
|
--inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
|
|
851
852
|
--inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
|
|
852
853
|
--inverse-border-opaque-subtle: var(--lp-pri-gray-cool-270);
|
|
853
|
-
--brand-container-mid: var(--lp-pri-brand-original-
|
|
854
|
-
--brand-container-mid-hover: var(--lp-pri-brand-original-
|
|
854
|
+
--brand-container-mid: var(--lp-pri-brand-original-450);
|
|
855
|
+
--brand-container-mid-hover: var(--lp-pri-brand-original-380);
|
|
855
856
|
--brand-container-high: var(--lp-pri-brand-original-50);
|
|
856
|
-
--brand-fill-mid: var(--lp-pri-brand-original-
|
|
857
|
-
--brand-fill-mid-hover: var(--lp-pri-brand-original-
|
|
857
|
+
--brand-fill-mid: var(--lp-pri-brand-original-450);
|
|
858
|
+
--brand-fill-mid-hover: var(--lp-pri-brand-original-380);
|
|
858
859
|
--brand-fill-low: var(--lp-pri-brand-original-990);
|
|
859
860
|
--brand-fill-low-hover: var(--lp-pri-brand-original-980);
|
|
860
|
-
--brand-label-primary: var(--lp-pri-brand-original-
|
|
861
|
+
--brand-label-primary: var(--lp-pri-brand-original-450);
|
|
861
862
|
--brand-label-secondary: var(--lp-pri-brand-original-200);
|
|
862
863
|
--brand-label-variation-secondary: var(--lp-pri-brand-original-200);
|
|
863
864
|
--brand-border-opaque-normal: var(--lp-pri-brand-original-200);
|
|
864
|
-
--brand-border-opaque-strong: var(--lp-pri-brand-original-
|
|
865
|
+
--brand-border-opaque-strong: var(--lp-pri-brand-original-450);
|
|
865
866
|
--brandinverse-container-mid: var(--lp-pri-brand-variation-380);
|
|
866
867
|
--brandinverse-container-mid-hover: var(--lp-pri-brand-variation-420);
|
|
867
868
|
--brandinverse-container-high: var(--lp-pri-brand-original-990);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@liner-fe/design-token",
|
|
3
|
-
"version": "2.5.
|
|
3
|
+
"version": "2.5.38",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"devDependencies": {
|
|
6
6
|
"@eslint/js": "^9.22.0",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"tsx": "^4.19.4",
|
|
17
17
|
"typescript": "^5.1.3",
|
|
18
18
|
"typescript-eslint": "^8.26.1",
|
|
19
|
-
"@liner-fe/design-token-primitive": "^0.2.
|
|
19
|
+
"@liner-fe/design-token-primitive": "^0.2.37"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"react": "^18",
|
package/src/style/global.css
CHANGED
|
@@ -19,14 +19,15 @@
|
|
|
19
19
|
--lp-pri-brand-original-990: #E9F5EA;
|
|
20
20
|
--lp-pri-brand-original-980: #E2F2E3;
|
|
21
21
|
--lp-pri-brand-original-500: #0C893B;
|
|
22
|
-
--lp-pri-brand-original-
|
|
22
|
+
--lp-pri-brand-original-450: #197B2E;
|
|
23
|
+
--lp-pri-brand-original-380: #006820;
|
|
23
24
|
--lp-pri-brand-original-330: #005B1D;
|
|
24
25
|
--lp-pri-brand-original-270: #004B17;
|
|
25
26
|
--lp-pri-brand-original-200: #14371B;
|
|
26
27
|
--lp-pri-brand-original-150: #082C11;
|
|
27
28
|
--lp-pri-brand-original-50: #002109;
|
|
28
29
|
--lp-pri-brand-variation-970: #DEFFDF;
|
|
29
|
-
--lp-pri-brand-variation-950: #
|
|
30
|
+
--lp-pri-brand-variation-950: #C6FFCD;
|
|
30
31
|
--lp-pri-brand-variation-900: #96F7B3;
|
|
31
32
|
--lp-pri-brand-variation-420: #00733E;
|
|
32
33
|
--lp-pri-brand-variation-380: #236638;
|
|
@@ -693,17 +694,17 @@
|
|
|
693
694
|
--brand-label-variation-secondary: var(--lp-pri-brand-variation-970);
|
|
694
695
|
--brand-border-opaque-normal: var(--lp-pri-achromatic-white);
|
|
695
696
|
--brand-border-opaque-strong: var(--lp-pri-brand-variation-950);
|
|
696
|
-
--brandinverse-container-mid: var(--lp-pri-brand-original-
|
|
697
|
-
--brandinverse-container-mid-hover: var(--lp-pri-brand-original-
|
|
697
|
+
--brandinverse-container-mid: var(--lp-pri-brand-original-450);
|
|
698
|
+
--brandinverse-container-mid-hover: var(--lp-pri-brand-original-380);
|
|
698
699
|
--brandinverse-container-high: var(--lp-pri-brand-original-50);
|
|
699
|
-
--brandinverse-fill-mid: var(--lp-pri-brand-original-
|
|
700
|
-
--brandinverse-fill-mid-hover: var(--lp-pri-brand-original-
|
|
700
|
+
--brandinverse-fill-mid: var(--lp-pri-brand-original-450);
|
|
701
|
+
--brandinverse-fill-mid-hover: var(--lp-pri-brand-original-380);
|
|
701
702
|
--brandinverse-fill-low: var(--lp-pri-brand-original-990);
|
|
702
703
|
--brandinverse-fill-low-hover: var(--lp-pri-brand-original-980);
|
|
703
|
-
--brandinverse-label-primary: var(--lp-pri-brand-original-
|
|
704
|
+
--brandinverse-label-primary: var(--lp-pri-brand-original-450);
|
|
704
705
|
--brandinverse-label-secondary: var(--lp-pri-brand-original-200);
|
|
705
706
|
--brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
|
|
706
|
-
--brandinverse-border-opaque-strong: var(--lp-pri-brand-original-
|
|
707
|
+
--brandinverse-border-opaque-strong: var(--lp-pri-brand-original-450);
|
|
707
708
|
--brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
|
|
708
709
|
--accent-label-primary: var(--lp-pri-rainbow-orange-730);
|
|
709
710
|
--accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
|
|
@@ -808,18 +809,18 @@
|
|
|
808
809
|
--inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
|
|
809
810
|
--inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
|
|
810
811
|
--inverse-border-opaque-subtle: var(--lp-pri-gray-cool-270);
|
|
811
|
-
--brand-container-mid: var(--lp-pri-brand-original-
|
|
812
|
-
--brand-container-mid-hover: var(--lp-pri-brand-original-
|
|
812
|
+
--brand-container-mid: var(--lp-pri-brand-original-450);
|
|
813
|
+
--brand-container-mid-hover: var(--lp-pri-brand-original-380);
|
|
813
814
|
--brand-container-high: var(--lp-pri-brand-original-50);
|
|
814
|
-
--brand-fill-mid: var(--lp-pri-brand-original-
|
|
815
|
-
--brand-fill-mid-hover: var(--lp-pri-brand-original-
|
|
815
|
+
--brand-fill-mid: var(--lp-pri-brand-original-450);
|
|
816
|
+
--brand-fill-mid-hover: var(--lp-pri-brand-original-380);
|
|
816
817
|
--brand-fill-low: var(--lp-pri-brand-original-990);
|
|
817
818
|
--brand-fill-low-hover: var(--lp-pri-brand-original-980);
|
|
818
|
-
--brand-label-primary: var(--lp-pri-brand-original-
|
|
819
|
+
--brand-label-primary: var(--lp-pri-brand-original-450);
|
|
819
820
|
--brand-label-secondary: var(--lp-pri-brand-original-200);
|
|
820
821
|
--brand-label-variation-secondary: var(--lp-pri-brand-original-200);
|
|
821
822
|
--brand-border-opaque-normal: var(--lp-pri-brand-original-200);
|
|
822
|
-
--brand-border-opaque-strong: var(--lp-pri-brand-original-
|
|
823
|
+
--brand-border-opaque-strong: var(--lp-pri-brand-original-450);
|
|
823
824
|
--brandinverse-container-mid: var(--lp-pri-brand-variation-380);
|
|
824
825
|
--brandinverse-container-mid-hover: var(--lp-pri-brand-variation-420);
|
|
825
826
|
--brandinverse-container-high: var(--lp-pri-brand-original-990);
|