ps-toolkit-ui 1.20.83 → 1.20.85

package/src/assets/styles/base.css

@@ -27,7 +27,7 @@
 .o-h{overflow: hidden !important}.o-x-h{overflow-x: hidden !important}.o-x-y{overflow-y: hidden !important}.o-h-d{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
 .p-a{position: absolute!important;}.p-r{position: relative!important;}.p-f{position: fixed!important;}
 .f-w-900 {font-weight: 900;}.f-w-800 {font-weight: 800;}.f-w-700 {font-weight: 700;}.f-w-600 {font-weight: 600;}.f-w-500 {font-weight: 500;}.f-w-400 {font-weight: 400;}.f-w-300 {font-weight: 300;}.f-w-200 {font-weight: 200;}.f-w-100 {font-weight: 100;}
-.f-bold{font-weight: 700!important;}.f-normal{font-weight: 400!important;}.f-light{font-weight: 200!important;}
+.f-bold{font-weight: var(--font-bold)!important;}.f-normal{font-weight: var(--font-normal)!important;}.f-light{font-weight: var(--font-light)!important;}
 a{text-decoration: none!important;color: var(--black)!important;}
 span{
   vertical-align: top !important;
@@ -100,7 +100,10 @@ a:focus{outline: none!important;}
   --border-base: 1px solid var(--black-white);
   --border-radius-base: 5px;
   --text-shadow: 0 0 3px var(--black);
-  --text-shadow-dark: 0 0 3px var(--black-dark)
+  --text-shadow-dark: 0 0 3px var(--black-dark);
+  --font-bold: 700;
+  --font-normal: 400;
+  --font-light: 200;
 }
 .c-base-dark{color: var(--base-dark) !important; }  .c-base{color: var(--base) !important; }  .c-base-light{color: var(--base-light) !important; }  .c-base-white{color: var(--base-white) !important; }  .c-green-dark{color: var(--green-dark) !important; }  .c-green{color: var(--green) !important; }  .c-green-light{color: var(--green-light) !important; }  .c-green-white{color: var(--green-white) !important; }  .c-blue-dark{color: var(--blue-dark) !important; }  .c-blue{color: var(--blue) !important; }  .c-blue-light{color: var(--blue-light) !important; }  .c-blue-white{color: var(--blue-white) !important; }  .c-red-dark{color: var(--red-dark) !important; }  .c-red{color: var(--red) !important; }  .c-red-light{color: var(--red-light) !important; }  .c-red-white{color: var(--red-white) !important; }  .c-yellow-dark{color: var(--yellow-dark) !important; }  .c-yellow{color: var(--yellow) !important; }  .c-yellow-light{color: var(--yellow-light) !important; }  .c-yellow-white{color: var(--yellow-white) !important; }  .c-gold{color: var(--gold) !important; }  .c-gold-dark{color: var(--gold-dark) !important; }  .c-black-dark{color: var(--black-dark) !important; }  .c-black{color: var(--black) !important; }  .c-black-light{color: var(--black-light) !important; }  .c-black-44{color: var(--black-44) !important; }  .c-black-white{color: var(--black-white) !important; }  .c-white-dark{color: var(--white-dark) !important; }  .c-white{color: var(--white) !important; }  .c-primary-dark{color: var(--primary-dark) !important; }  .c-primary{color: var(--primary) !important; }  .c-primary-light{color: var(--primary-light) !important; }  .c-primary-white{color: var(--primary-white) !important; }  .c-secondary-dark{color: var(--secondary-dark) !important; }  .c-secondary{color: var(--secondary) !important; }  .c-secondary-light{color: var(--secondary-light) !important; }  .c-secondary-white{color: var(--secondary-white) !important;}
 .bg-base-dark{background-color: var(--base-dark) !important; }  .bg-base{background-color: var(--base) !important; }  .bg-base-light{background-color: var(--base-light) !important; }  .bg-base-white{background-color: var(--base-white) !important; }  .bg-green-dark{background-color: var(--green-dark) !important; }  .bg-green{background-color: var(--green) !important; }  .bg-green-light{background-color: var(--green-light) !important; }  .bg-green-white{background-color: var(--green-white) !important; }  .bg-blue-dark{background-color: var(--blue-dark) !important; }  .bg-blue{background-color: var(--blue) !important; }  .bg-blue-light{background-color: var(--blue-light) !important; }  .bg-blue-white{background-color: var(--blue-white) !important; }  .bg-red-dark{background-color: var(--red-dark) !important; }  .bg-red{background-color: var(--red) !important; }  .bg-red-light{background-color: var(--red-light) !important; }  .bg-red-white{background-color: var(--red-white) !important; }  .bg-yellow-dark{background-color: var(--yellow-dark) !important; }  .bg-yellow{background-color: var(--yellow) !important; }  .bg-yellow-light{background-color: var(--yellow-light) !important; }  .bg-yellow-white{background-color: var(--yellow-white) !important; }  .bg-black-dark{background-color: var(--black-dark) !important; }  .bg-black{background-color: var(--black) !important; }  .bg-black-light{background-color: var(--black-light) !important; }  .bg-black-44{background-color: var(--black-44) !important; }  .bg-black-white{background-color: var(--black-white) !important; }  .bg-white-dark{background-color: var(--white-dark) !important; }  .bg-white{background-color: var(--white) !important; }  .bg-primary-dark{background-color: var(--primary-dark) !important; }  .bg-primary{background-color: var(--primary) !important; }  .bg-primary-light{background-color: var(--primary-light) !important; }  .bg-primary-white{background-color: var(--primary-white) !important; }  .bg-secondary-dark{background-color: var(--secondary-dark) !important; }  .bg-secondary{background-color: var(--secondary) !important; }  .bg-secondary-light{background-color: var(--secondary-light) !important; }  .bg-secondary-white{background-color: var(--secondary-white) !important;}
@@ -862,5 +865,5 @@ body{
 }
 
 strong{
-  font-weight: 700!important;
+  font-weight: var(--font-bold) !important;
 }