sccoreui 6.2.56 → 6.2.59

package/dist/App.scss

@@ -165,6 +165,23 @@
       color: var(--_gray-300);
     }
   }
+  &.btn-text-primary {
+    background-color: var(--_base-white);
+    color: var(--_primary-400);
+    padding: 8px 14px;
+    border: 0 !important;
+    &:hover {
+      background-color: var(--_primary-25) !important;
+      color: var(--_primary-600) !important;
+    }
+    &:focus {
+      background-color: var(--_primary-25) !important;
+      color: var(--_primary-600) !important;
+    }
+    &:disabled {
+      color: var(--_gray-300);
+    }
+  }
 }
 
 // height and width utility classes
@@ -2273,13 +2290,13 @@ button[aria-expanded="true"] {
 
 .p-button {
   &.p-button-secondary {
-    padding: 8px 12px !important;
+    padding: 8px 12px;
   }
   &.p-button-outline {
-    padding: 8px 12px !important;
+    padding: 8px 12px;
   }
 
-  padding: 8px 12px !important;
+  padding: 8px 12px;
 
   .p-button-label {
     font-weight: 600;

package/dist/assets/sccoreui.css

@@ -2349,7 +2349,7 @@ a {
   width: auto;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 8px;
+  border-radius: 6px;
   border: 1px solid var(--primary-500);
 }
 .p-button:enabled:hover,
@@ -8223,12 +8223,12 @@ button:after {
     opacity: 0.2;
   }
   20% {
-    transform: scale(15, 15);
+    transform: scale(20, 20);
     opacity: 0.2;
   }
   100% {
     opacity: 0.2;
-    transform: scale(20, 20);
+    transform: scale(40, 40);
   }
 }
 /* @-webkit-keyframes ripple {

package/dist/components/ag-grid/advancedFeature/grouping.js

@@ -31,6 +31,6 @@ function Grouping() {
     const nodeTemplate = (node) => {
         return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex align-items-center w-full border-round block w-full p-3 text-primary-400 font-semibold ${checked && "bg-primary-25"}` }, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { onChange: (e) => setChecked(e.checked), checked: checked }), (0, jsx_runtime_1.jsx)("span", { children: node.label })] })));
     };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { text: true, className: "h-40 text-primary-400", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01" }), onClick: (e) => columnGroupRef.current.toggle(e) }), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: columnGroupRef, className: "column_group_overlay w-20rem" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "my-0" }, { children: "Grouping" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0" }, { children: "Select any 2 grouping options only" }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 border-bottom-1 border-top-1 border-gray-200 bg-gray-50" }, { children: (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { placeholder: "Search by column or attribute name", className: "w-full" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full" }, { children: (0, jsx_runtime_1.jsx)(tree_1.Tree, { value: nodes, nodeTemplate: nodeTemplate, dragdropScope: "demo", onDragDrop: (e) => setNodes(e.value), togglerTemplate: togglerTemplate, className: "list-items" }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 border-top-1 border-gray-200 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { text: true, label: "Remove Grouping" }), (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Save Grouping", disabled: true })] }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { text: true, className: "h-40 text-primary-400", icon: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "grid-01" }), onClick: (e) => columnGroupRef.current.toggle(e) }), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, Object.assign({ ref: columnGroupRef, className: "column_group_overlay w-20rem" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4" }, { children: [(0, jsx_runtime_1.jsx)("h3", Object.assign({ className: "my-0" }, { children: "Grouping" })), (0, jsx_runtime_1.jsx)("p", Object.assign({ className: "my-0" }, { children: "Select any 2 grouping options only" }))] })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 border-bottom-1 border-top-1 border-gray-200 bg-gray-50" }, { children: (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { placeholder: "Search by column or attribute name", className: "w-full" }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "w-full" }, { children: (0, jsx_runtime_1.jsx)(tree_1.Tree, { value: nodes, nodeTemplate: nodeTemplate, dragdropScope: "demo", onDragDrop: (e) => setNodes(e.value), togglerTemplate: togglerTemplate, className: "list-items" }) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "p-4 border-top-1 border-gray-200 flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: "Remove Grouping", className: "btn-text" }), (0, jsx_runtime_1.jsx)(button_1.Button, { className: "btn-primary", label: "Save Grouping", disabled: true })] }))] }))] }));
 }
 exports.default = Grouping;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "6.2.56",
+  "version": "6.2.59",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",