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