design-zystem 1.0.476 → 1.0.478
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/ui/index.js +24 -14
- package/dist/ui/index.mjs +24 -14
- package/package.json +1 -1
package/dist/ui/index.js
CHANGED
|
@@ -1791,10 +1791,10 @@ var THEME_VARIANT_CLASSES = {
|
|
|
1791
1791
|
"purple-700": "bg-purple-700 text-white"
|
|
1792
1792
|
},
|
|
1793
1793
|
pale: {
|
|
1794
|
-
"blue-700": "bg-blue-50 text-blue-
|
|
1795
|
-
"blue-900": "bg-blue-50 text-blue-
|
|
1794
|
+
"blue-700": "bg-blue-50 text-blue-950",
|
|
1795
|
+
"blue-900": "bg-blue-50 text-blue-950",
|
|
1796
1796
|
"blue-950": "bg-blue-50 text-blue-950",
|
|
1797
|
-
"red-900": "bg-red-50 text-red-
|
|
1797
|
+
"red-900": "bg-red-50 text-red-500",
|
|
1798
1798
|
"red-500": "bg-red-50 text-red-500",
|
|
1799
1799
|
"green-700": "bg-green-50 text-green-700",
|
|
1800
1800
|
"green-100": "bg-green-50 text-green-100",
|
|
@@ -5609,7 +5609,16 @@ var TableClientCell = (_a) => {
|
|
|
5609
5609
|
"onNameClick"
|
|
5610
5610
|
]);
|
|
5611
5611
|
const label = onNameClick ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableCellNameButton, { onClick: onNameClick, children: name }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "truncate", children: name });
|
|
5612
|
-
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5612
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5613
|
+
TableBadge,
|
|
5614
|
+
{
|
|
5615
|
+
fullWidth: true,
|
|
5616
|
+
maxChars: LONGEST_CLIENT_NAME_CHARS,
|
|
5617
|
+
backgroundColor: color,
|
|
5618
|
+
textColor,
|
|
5619
|
+
children: label
|
|
5620
|
+
}
|
|
5621
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
|
|
5613
5622
|
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
|
|
5614
5623
|
"span",
|
|
5615
5624
|
{
|
|
@@ -5622,6 +5631,7 @@ var TableClientCell = (_a) => {
|
|
|
5622
5631
|
label
|
|
5623
5632
|
] }) }));
|
|
5624
5633
|
};
|
|
5634
|
+
var LONGEST_CLIENT_NAME_CHARS = 42;
|
|
5625
5635
|
|
|
5626
5636
|
// src/ui/components/ui/table/TableStatusCell.tsx
|
|
5627
5637
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
@@ -7440,11 +7450,11 @@ var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
|
7440
7450
|
var bannerVariants = (0, import_class_variance_authority16.cva)("rounded-[6px] px-4 py-2", {
|
|
7441
7451
|
variants: {
|
|
7442
7452
|
theme: {
|
|
7443
|
-
"blue-700": "bg-blue-50 text-blue-
|
|
7444
|
-
"blue-900": "bg-blue-50 text-blue-
|
|
7445
|
-
"blue-950": "bg-blue-50 text-blue-
|
|
7446
|
-
"red-900": "bg-red-50 text-red-
|
|
7447
|
-
"red-500": "bg-red-50 text-red-
|
|
7453
|
+
"blue-700": "bg-blue-50 text-blue-950",
|
|
7454
|
+
"blue-900": "bg-blue-50 text-blue-950",
|
|
7455
|
+
"blue-950": "bg-blue-50 text-blue-950",
|
|
7456
|
+
"red-900": "bg-red-50 text-red-500",
|
|
7457
|
+
"red-500": "bg-red-50 text-red-500",
|
|
7448
7458
|
"green-700": "bg-green-50 text-green-900",
|
|
7449
7459
|
"green-100": "bg-green-50 text-green-900",
|
|
7450
7460
|
"grey-600": "bg-grey-100 text-grey-600",
|
|
@@ -7458,11 +7468,11 @@ var bannerVariants = (0, import_class_variance_authority16.cva)("rounded-[6px] p
|
|
|
7458
7468
|
defaultVariants: { theme: "blue-700" }
|
|
7459
7469
|
});
|
|
7460
7470
|
var TEXT_CLASS2 = {
|
|
7461
|
-
"blue-700": "text-blue-
|
|
7462
|
-
"blue-900": "text-blue-
|
|
7463
|
-
"blue-950": "text-blue-
|
|
7464
|
-
"red-900": "text-red-
|
|
7465
|
-
"red-500": "text-red-
|
|
7471
|
+
"blue-700": "text-blue-950",
|
|
7472
|
+
"blue-900": "text-blue-950",
|
|
7473
|
+
"blue-950": "text-blue-950",
|
|
7474
|
+
"red-900": "text-red-500",
|
|
7475
|
+
"red-500": "text-red-500",
|
|
7466
7476
|
"green-700": "text-green-900",
|
|
7467
7477
|
"green-100": "text-green-900",
|
|
7468
7478
|
"grey-600": "text-grey-600",
|
package/dist/ui/index.mjs
CHANGED
|
@@ -1559,10 +1559,10 @@ var THEME_VARIANT_CLASSES = {
|
|
|
1559
1559
|
"purple-700": "bg-purple-700 text-white"
|
|
1560
1560
|
},
|
|
1561
1561
|
pale: {
|
|
1562
|
-
"blue-700": "bg-blue-50 text-blue-
|
|
1563
|
-
"blue-900": "bg-blue-50 text-blue-
|
|
1562
|
+
"blue-700": "bg-blue-50 text-blue-950",
|
|
1563
|
+
"blue-900": "bg-blue-50 text-blue-950",
|
|
1564
1564
|
"blue-950": "bg-blue-50 text-blue-950",
|
|
1565
|
-
"red-900": "bg-red-50 text-red-
|
|
1565
|
+
"red-900": "bg-red-50 text-red-500",
|
|
1566
1566
|
"red-500": "bg-red-50 text-red-500",
|
|
1567
1567
|
"green-700": "bg-green-50 text-green-700",
|
|
1568
1568
|
"green-100": "bg-green-50 text-green-100",
|
|
@@ -5398,7 +5398,16 @@ var TableClientCell = (_a) => {
|
|
|
5398
5398
|
"onNameClick"
|
|
5399
5399
|
]);
|
|
5400
5400
|
const label = onNameClick ? /* @__PURE__ */ jsx70(TableCellNameButton, { onClick: onNameClick, children: name }) : /* @__PURE__ */ jsx70("span", { className: "truncate", children: name });
|
|
5401
|
-
return /* @__PURE__ */ jsx70(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ jsx70(
|
|
5401
|
+
return /* @__PURE__ */ jsx70(TableCell, __spreadProps(__spreadValues({}, cell), { children: variant === "tag" ? /* @__PURE__ */ jsx70(
|
|
5402
|
+
TableBadge,
|
|
5403
|
+
{
|
|
5404
|
+
fullWidth: true,
|
|
5405
|
+
maxChars: LONGEST_CLIENT_NAME_CHARS,
|
|
5406
|
+
backgroundColor: color,
|
|
5407
|
+
textColor,
|
|
5408
|
+
children: label
|
|
5409
|
+
}
|
|
5410
|
+
) : /* @__PURE__ */ jsxs35("span", { className: "inline-flex max-w-full items-center gap-2 align-middle", children: [
|
|
5402
5411
|
/* @__PURE__ */ jsx70(
|
|
5403
5412
|
"span",
|
|
5404
5413
|
{
|
|
@@ -5411,6 +5420,7 @@ var TableClientCell = (_a) => {
|
|
|
5411
5420
|
label
|
|
5412
5421
|
] }) }));
|
|
5413
5422
|
};
|
|
5423
|
+
var LONGEST_CLIENT_NAME_CHARS = 42;
|
|
5414
5424
|
|
|
5415
5425
|
// src/ui/components/ui/table/TableStatusCell.tsx
|
|
5416
5426
|
import { jsx as jsx71 } from "react/jsx-runtime";
|
|
@@ -7229,11 +7239,11 @@ import { jsx as jsx101, jsxs as jsxs49 } from "react/jsx-runtime";
|
|
|
7229
7239
|
var bannerVariants = cva16("rounded-[6px] px-4 py-2", {
|
|
7230
7240
|
variants: {
|
|
7231
7241
|
theme: {
|
|
7232
|
-
"blue-700": "bg-blue-50 text-blue-
|
|
7233
|
-
"blue-900": "bg-blue-50 text-blue-
|
|
7234
|
-
"blue-950": "bg-blue-50 text-blue-
|
|
7235
|
-
"red-900": "bg-red-50 text-red-
|
|
7236
|
-
"red-500": "bg-red-50 text-red-
|
|
7242
|
+
"blue-700": "bg-blue-50 text-blue-950",
|
|
7243
|
+
"blue-900": "bg-blue-50 text-blue-950",
|
|
7244
|
+
"blue-950": "bg-blue-50 text-blue-950",
|
|
7245
|
+
"red-900": "bg-red-50 text-red-500",
|
|
7246
|
+
"red-500": "bg-red-50 text-red-500",
|
|
7237
7247
|
"green-700": "bg-green-50 text-green-900",
|
|
7238
7248
|
"green-100": "bg-green-50 text-green-900",
|
|
7239
7249
|
"grey-600": "bg-grey-100 text-grey-600",
|
|
@@ -7247,11 +7257,11 @@ var bannerVariants = cva16("rounded-[6px] px-4 py-2", {
|
|
|
7247
7257
|
defaultVariants: { theme: "blue-700" }
|
|
7248
7258
|
});
|
|
7249
7259
|
var TEXT_CLASS2 = {
|
|
7250
|
-
"blue-700": "text-blue-
|
|
7251
|
-
"blue-900": "text-blue-
|
|
7252
|
-
"blue-950": "text-blue-
|
|
7253
|
-
"red-900": "text-red-
|
|
7254
|
-
"red-500": "text-red-
|
|
7260
|
+
"blue-700": "text-blue-950",
|
|
7261
|
+
"blue-900": "text-blue-950",
|
|
7262
|
+
"blue-950": "text-blue-950",
|
|
7263
|
+
"red-900": "text-red-500",
|
|
7264
|
+
"red-500": "text-red-500",
|
|
7255
7265
|
"green-700": "text-green-900",
|
|
7256
7266
|
"green-100": "text-green-900",
|
|
7257
7267
|
"grey-600": "text-grey-600",
|