sccoreui 6.2.72 → 6.2.73
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/dist/App.js
CHANGED
package/dist/App.scss
CHANGED
|
@@ -112,21 +112,37 @@
|
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
114
|
|
|
115
|
-
&.btn-outline {
|
|
116
|
-
background-color: var(--
|
|
117
|
-
color: var(--
|
|
118
|
-
|
|
119
|
-
|
|
115
|
+
&.btn-text-outline {
|
|
116
|
+
background-color: var(--bg-white);
|
|
117
|
+
color: var(--gray-700);
|
|
118
|
+
padding: 8px 14px;
|
|
119
|
+
border: 1px solid var(--gray-300) !important;
|
|
120
|
+
svg {
|
|
121
|
+
path {
|
|
122
|
+
stroke: var(--gray-700);
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
&:has(svg) {
|
|
126
|
+
display: flex;
|
|
127
|
+
align-items: center;
|
|
128
|
+
gap: 8px;
|
|
129
|
+
}
|
|
120
130
|
&:hover {
|
|
121
|
-
background-color: var(--
|
|
122
|
-
|
|
131
|
+
background-color: var(--primary-25) !important;
|
|
132
|
+
border: 1px solid var(--primary-100) !important;
|
|
133
|
+
color: var(--primary-400) !important;
|
|
134
|
+
svg {
|
|
135
|
+
path {
|
|
136
|
+
stroke: var(--primary-400);
|
|
137
|
+
}
|
|
138
|
+
}
|
|
123
139
|
}
|
|
124
140
|
&:focus {
|
|
125
|
-
background-color: var(--
|
|
141
|
+
background-color: var(--primary-25) !important;
|
|
142
|
+
color: var(--primary-600) !important;
|
|
126
143
|
}
|
|
127
144
|
&:disabled {
|
|
128
|
-
|
|
129
|
-
color: var(--_base-white);
|
|
145
|
+
color: var(--gray-300);
|
|
130
146
|
}
|
|
131
147
|
}
|
|
132
148
|
|
|
@@ -113,7 +113,7 @@ onChange, footeTemplate, headerTemplate, labelIcon, labelIconPos, label, labelIc
|
|
|
113
113
|
},
|
|
114
114
|
] }), !showChips ? ((0, jsx_runtime_1.jsx)(button_1.Button, { type: "button", className: `list_box_button focus:shadow-none p-0 h-max h-auto p-0 mx-2 ${buttonClassName}`, link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event) })) : ((0, jsx_runtime_1.jsxs)("ul", Object.assign({ className: `pl-0 grid row-gap-2 list_box_chips ${chipsParentClassName}` }, { children: [(0, jsx_runtime_1.jsx)("li", Object.assign({ className: `cursor-pointer min-w-max mx-2 max-w-max ${buttonClassName}` }, { children: (0, jsx_runtime_1.jsx)(button_1.Button, { type: "button",
|
|
115
115
|
// className={`list_box_button focus:shadow-none p-0 h-max h-auto mx-2`}
|
|
116
|
-
link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef
|
|
116
|
+
link: link ? true : false, icon: labelIcon ? labelIcon : "", size: labelIconSize ? labelIconSize : "", iconPos: labelIconPos ? labelIconPos : "", label: label, onClick: (event) => optionsMenuRef.current.toggle(event), "aria-controls": "popup_menu_right", "aria-haspopup": true, ref: buttonRef }) })), selectedItems &&
|
|
117
117
|
(selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((item, index) => {
|
|
118
118
|
var _a, _b;
|
|
119
119
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isDraggable !== undefined ? ((0, jsx_runtime_1.jsx)("li", Object.assign({ draggable: isDraggable, onDragStart: (e) => handleDragStart(e, index), onDragOver: (e) => handleDragOver(e), onDrop: (e) => handleDrop(e, index), className: `${chipClassName ? chipClassName : ""} cursor-pointer min-w-max mx-2 max-w-max p-1 flex align-items-center bg-gray-50 text-gray-700 text-base border-1 border-gray-300 border-round-lg ${showRemoveIcon ? "pr-6 relative" : ""}` }, { children: chipTemplate ? (chipTemplate(item)) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [" ", typeof item === "object"
|
|
@@ -9080,6 +9080,15 @@ exports.iconList = [
|
|
|
9080
9080
|
svg: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="13" viewBox="0 0 14 13" fill="none">
|
|
9081
9081
|
<path d="M11.1654 3.375L5.4362 9.10417L2.83203 6.5" stroke="white" stroke-width="2.08333" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9082
9082
|
</svg>`,
|
|
9083
|
+
},
|
|
9084
|
+
{
|
|
9085
|
+
name: "verified-check-circle",
|
|
9086
|
+
svg: `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
9087
|
+
<rect x="0.625" y="0.625" width="18.75" height="18.75" rx="9.375" fill="#132067"/>
|
|
9088
|
+
<rect x="0.625" y="0.625" width="18.75" height="18.75" rx="9.375" stroke="#132067" stroke-width="1.25"/>
|
|
9089
|
+
<path d="M14.1615 6.875L8.43229 12.6042L5.82812 10" stroke="white" stroke-width="2.08333" stroke-linecap="round" stroke-linejoin="round"/>
|
|
9090
|
+
</svg>
|
|
9091
|
+
`,
|
|
9083
9092
|
},
|
|
9084
9093
|
{
|
|
9085
9094
|
name: "drag-and-drop",
|