ssovee-os-web-ui 0.1.42 → 0.1.44
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/Loader-UY5TMG7M.gif +0 -0
- package/dist/icon-192x192-63UN7CD6.svg +5 -0
- package/dist/index.cjs +24 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +52 -16
- package/dist/index.js +24 -13
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
Binary file
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<rect width="192" height="192" rx="24" fill="#000000"/>
|
|
3
|
+
<text x="96" y="120" font-family="Arial, sans-serif" font-size="48" font-weight="bold" text-anchor="middle" fill="#ffffff">S</text>
|
|
4
|
+
<circle cx="96" cy="96" r="80" stroke="#ffffff" stroke-width="4" fill="none"/>
|
|
5
|
+
</svg>
|
package/dist/index.cjs
CHANGED
|
@@ -59,7 +59,7 @@ var Button = React22__namespace.default.forwardRef(
|
|
|
59
59
|
};
|
|
60
60
|
const filledToneClasses = {
|
|
61
61
|
primary: "bg-brand-color text-white hover:bg-brand-color/90 active:bg-brand-color/80 focus-visible:ring-brand-color/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-brand-color/50 disabled:text-white/80",
|
|
62
|
-
neutral: "bg-surface-3 text-neutral-
|
|
62
|
+
neutral: "bg-surface-3 text-neutral-700 hover:text-neutral-700 active:text-neutral-700 hover:bg-surface-4 active:bg-surface-4 border border-surface-1 focus-visible:ring-surface-3/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-surface-3/50",
|
|
63
63
|
success: "bg-green-500 text-white hover:bg-green-600 active:bg-green-600 focus-visible:ring-green-500/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-green-500/50",
|
|
64
64
|
danger: "bg-red-500 text-white hover:bg-red-600 active:bg-red-600 focus-visible:ring-red-500/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-red-500/50"
|
|
65
65
|
};
|
|
@@ -185,9 +185,9 @@ var Input = React22__namespace.default.forwardRef(
|
|
|
185
185
|
}, ref) => {
|
|
186
186
|
const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-300 rounded-[6px]";
|
|
187
187
|
const variantClasses = {
|
|
188
|
-
default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
189
|
-
filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
190
|
-
outline: "bg-transparent border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
|
|
188
|
+
default: "bg-primary text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
189
|
+
filled: "bg-surface-4 text-neutral-500 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
190
|
+
outline: "bg-transparent text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
|
|
191
191
|
};
|
|
192
192
|
const sizeClasses = {
|
|
193
193
|
sm: "h-8 px-2 text-sm",
|
|
@@ -259,9 +259,9 @@ var TextArea = React22__namespace.default.forwardRef(
|
|
|
259
259
|
}, ref) => {
|
|
260
260
|
const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-300 rounded-[6px]";
|
|
261
261
|
const variantClasses = {
|
|
262
|
-
default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
263
|
-
filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
264
|
-
outline: "bg-transparent border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
|
|
262
|
+
default: "bg-primary text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
263
|
+
filled: "bg-surface-4 text-neutral-500 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
264
|
+
outline: "bg-transparent text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
|
|
265
265
|
};
|
|
266
266
|
const sizeClasses = {
|
|
267
267
|
sm: "px-2 py-1 text-sm",
|
|
@@ -656,10 +656,13 @@ var Dropdown = ({
|
|
|
656
656
|
] });
|
|
657
657
|
};
|
|
658
658
|
var Dropdown_default = Dropdown;
|
|
659
|
+
|
|
660
|
+
// src/assets/icon-192x192.svg
|
|
661
|
+
var icon_192x192_default = "./icon-192x192-63UN7CD6.svg";
|
|
659
662
|
var ImageWithPlaceholder = ({
|
|
660
663
|
src,
|
|
661
664
|
alt,
|
|
662
|
-
fallbackSrc =
|
|
665
|
+
fallbackSrc = icon_192x192_default,
|
|
663
666
|
className,
|
|
664
667
|
onError,
|
|
665
668
|
...props
|
|
@@ -675,7 +678,12 @@ var ImageWithPlaceholder = ({
|
|
|
675
678
|
const trimmed = s.trim();
|
|
676
679
|
if (trimmed === "") return false;
|
|
677
680
|
if (trimmed.startsWith("data:")) return true;
|
|
678
|
-
if (trimmed.startsWith("/") || trimmed.startsWith("./") || trimmed.startsWith("../"))
|
|
681
|
+
if (trimmed.startsWith("/") || trimmed.startsWith("./") || trimmed.startsWith("../")) {
|
|
682
|
+
return true;
|
|
683
|
+
}
|
|
684
|
+
if (/^[^\s?#]+\.(png|jpe?g|gif|webp|svg|bmp|ico|avif)(\?.*)?(#.*)?$/i.test(trimmed)) {
|
|
685
|
+
return true;
|
|
686
|
+
}
|
|
679
687
|
try {
|
|
680
688
|
new URL(trimmed);
|
|
681
689
|
return true;
|
|
@@ -718,6 +726,9 @@ var ImageWithPlaceholder = ({
|
|
|
718
726
|
);
|
|
719
727
|
};
|
|
720
728
|
var ImageWithPlaceholder_default = ImageWithPlaceholder;
|
|
729
|
+
|
|
730
|
+
// src/assets/Loader.gif
|
|
731
|
+
var Loader_default = "./Loader-UY5TMG7M.gif";
|
|
721
732
|
var Loading = ({
|
|
722
733
|
variant = "image",
|
|
723
734
|
size = "md",
|
|
@@ -753,7 +764,7 @@ var Loading = ({
|
|
|
753
764
|
const renderImage = () => /* @__PURE__ */ jsxRuntime.jsx(
|
|
754
765
|
ImageWithPlaceholder_default,
|
|
755
766
|
{
|
|
756
|
-
src:
|
|
767
|
+
src: Loader_default,
|
|
757
768
|
alt: "Loader",
|
|
758
769
|
width: imageSizes[size],
|
|
759
770
|
height: imageSizes[size],
|
|
@@ -1651,9 +1662,9 @@ var SearchInput = React22__namespace.default.forwardRef(
|
|
|
1651
1662
|
const displayPlaceholder = enableKeyboardShortcuts ? `${placeholder} (${formatKeys(getShortcutByCommand("focus_search"))})` : placeholder;
|
|
1652
1663
|
const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-300 rounded-[6px]";
|
|
1653
1664
|
const variantClasses = {
|
|
1654
|
-
default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
1655
|
-
filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
1656
|
-
outline: "bg-transparent border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
|
|
1665
|
+
default: "bg-primary text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
1666
|
+
filled: "bg-surface-4 text-neutral-500 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
|
|
1667
|
+
outline: "bg-transparent text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
|
|
1657
1668
|
};
|
|
1658
1669
|
const sizeClasses = {
|
|
1659
1670
|
sm: "h-8 text-sm leading-tight",
|