sccoreui 2.5.2 → 2.5.4

package/dist/assets/sccoreui.css

@@ -306,11 +306,12 @@ a {
   margin: 0;
 }
 .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
-  padding: 0.375rem 0.75rem;
+  padding: 2px 4px;
   margin-right: 0.5rem;
-  background: #eef2ff;
-  color: #4338ca;
+  background: var(--gray-50);
+  color: var(--gray-700);
   border-radius: 6px;
+  border: 1px solid var(--gray-300);
 }
 .p-autocomplete
   .p-autocomplete-multiple-container
@@ -1733,8 +1734,8 @@ a {
 .p-multiselect:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  /* box-shadow: 0 0 0 0.2rem #C7D2FE; */
-  border-color: var(--gray-900);
+  box-shadow: 0 0 0 0.2rem #C7D2FE; 
+
 }
 .p-multiselect.p-multiselect-clearable .p-multiselect-label {
   padding-right: 1.75rem;
@@ -1747,28 +1748,29 @@ a {
     box-shadow 0.2s;
 }
 .p-multiselect .p-multiselect-label.p-placeholder {
-  color: #6c757d;
-  font-size: 12px;
+  color: var(--gray-500);
+  font-size: 16px;
   font-weight: lighter;
 }
 .p-multiselect.p-multiselect-chip .p-multiselect-token {
-  padding: 0px 15px;
+  padding: 0px 10px;
   margin-right: 0.5rem;
+  gap: 4px;
   height: 30px;
   background: #fff;
-  color: var(--gray-900);
-  border-radius: 30px;
-  border: 1px solid var(--gray-900);
+  color: var(--gray-700);
+  border-radius: 6px;
+  border: 1px solid var(--gray-300);
 }
 
-.p-multiselect.p-multiselect-chip
+/* .p-multiselect.p-multiselect-chip
   .p-multiselect-token
   .p-multiselect-token-label::before {
   content: url("../assets//svg//done_all.svg");
   position: relative;
   top: -1px;
   left: -3px;
-}
+} */
 
 .p-multiselect.p-multiselect-chip
   .p-multiselect-token
@@ -1866,7 +1868,7 @@ a {
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
   margin: 0;
-  padding: 0px 20px;
+  padding: 0px 4px;
   height: 40px;
   line-height: 40px;
   border: 0 none;
@@ -1877,23 +1879,23 @@ a {
   margin-bottom: 2px;
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
-  background: #f6f8ff;
+  background: var(--gray-50);
   color: #162578;
   position: relative;
 }
 
-.p-multiselect-panel
+/* .p-multiselect-panel
   .p-multiselect-items
   .p-multiselect-item.p-highlight::after {
   content: url("../assets/svg/done_all.svg");
   position: absolute;
   right: 14px;
-}
+} */
 .p-multiselect-panel
   .p-multiselect-items
   .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
   color: #495057;
-  background: #f6f8ff;
+  background: var(--gray-50);
 }
 .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
   outline: 0 none;
@@ -8703,6 +8705,17 @@ input[type="number"]::-webkit-outer-spin-button {
   width: 320px;
 }
 
+.p-multiselect-item.p-highlight>span{
+  width: 100%;
+}
+
+
+.p-autocomplete-multiple-container.p-component.p-inputtext{
+  height: 40px;
+  padding: 4px 14px;
+  line-height: 20px;
+}
+
 /* SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
 

package/dist/directives/svg-component.js

@@ -28,6 +28,6 @@ const SvgComponent = ({ icon, size, color, className }) => {
     if (data === undefined) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)("span", { className: `flex align-items-center justify-content-center ${className}`, dangerouslySetInnerHTML: { __html: data } }));
+    return (0, jsx_runtime_1.jsx)("span", { className: `flex align-items-center justify-content-center${!className ? "" : ` ${className}`}`, dangerouslySetInnerHTML: { __html: data } });
 };
 exports.default = SvgComponent;

package/dist/directives/svg-icons.js

@@ -8931,3 +8931,4 @@ exports.iconList = [
       `,
     },
 ];
+console.log(exports.iconList.length);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "2.5.2",
+  "version": "2.5.4",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -35,6 +35,7 @@
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.12.0",
     "react-scripts": "^5.0.1",
+    "sccoreui": "^2.5.2",
     "typescript": "^4.9.5"
   },
   "browserslist": {