design-zystem 1.0.454 → 1.0.456

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.
Files changed (5) hide show
  1. package/dist/ui/index.d.mts +1 -0
  2. package/dist/ui/index.d.ts +1 -0
  3. package/dist/ui/index.js +13 -4
  4. package/dist/ui/index.mjs +13 -4
  5. package/package.json +1 -1
package/dist/ui/index.d.mts CHANGED
@@ -956,6 +956,7 @@ interface TableGroupLabelProps {
956
956
  interface TableGroupBandProps extends TableGroupLabelProps {
957
957
  colSpan: number;
958
958
  canCollapseFromBand?: boolean;
959
+ tone?: 'neutral' | 'danger';
959
960
  }
960
961
 
961
962
  interface TableSectionRowBandProps extends TableGroupBandProps {
package/dist/ui/index.d.ts CHANGED
@@ -956,6 +956,7 @@ interface TableGroupLabelProps {
956
956
  interface TableGroupBandProps extends TableGroupLabelProps {
957
957
  colSpan: number;
958
958
  canCollapseFromBand?: boolean;
959
+ tone?: 'neutral' | 'danger';
959
960
  }
960
961
 
961
962
  interface TableSectionRowBandProps extends TableGroupBandProps {
package/dist/ui/index.js CHANGED
@@ -4464,12 +4464,14 @@ var TableGroupBand = (_a) => {
4464
4464
  var _b = _a, {
4465
4465
  colSpan,
4466
4466
  canCollapseFromBand = false,
4467
+ tone = "neutral",
4467
4468
  onBandClick,
4468
4469
  endContent,
4469
4470
  className
4470
4471
  } = _b, label = __objRest(_b, [
4471
4472
  "colSpan",
4472
4473
  "canCollapseFromBand",
4474
+ "tone",
4473
4475
  "onBandClick",
4474
4476
  "endContent",
4475
4477
  "className"
@@ -4488,7 +4490,11 @@ var TableGroupBand = (_a) => {
4488
4490
  onClick: bandAction && runBandAction,
4489
4491
  onKeyDown: onBandClick && activateFromKeyboard(onBandClick),
4490
4492
  tabIndex: onBandClick ? 0 : void 0,
4491
- className: cn(className, bandAction && "cursor-pointer"),
4493
+ className: cn(
4494
+ className,
4495
+ tone === "danger" && "bg-red-50",
4496
+ bandAction && "cursor-pointer"
4497
+ ),
4492
4498
  children: endContent ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Layout, { row: true, gap: 2, align: "center", justify: "between", children: [
4493
4499
  /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(TableGroupLabel, __spreadValues({}, label)),
4494
4500
  endContent
@@ -4975,7 +4981,7 @@ var TableCellNameButton = ({
4975
4981
 
4976
4982
  // src/ui/components/ui/table/TablePersonCell.tsx
4977
4983
  var import_jsx_runtime61 = require("react/jsx-runtime");
4978
- var AVATAR_SIZE = 24;
4984
+ var AVATAR_SIZE = 32;
4979
4985
  var TablePersonCell = ({
4980
4986
  firstName,
4981
4987
  lastName,
@@ -10132,7 +10138,7 @@ var DatePicker = ({
10132
10138
  ) }, preset.label);
10133
10139
  })
10134
10140
  ] }),
10135
- hasValue && /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
10141
+ hasValue && /* @__PURE__ */ (0, import_jsx_runtime118.jsxs)(
10136
10142
  "button",
10137
10143
  {
10138
10144
  type: "button",
@@ -10141,7 +10147,10 @@ var DatePicker = ({
10141
10147
  "flex w-fit items-center gap-1.5 rounded-[6px] border border-blue-700 bg-blue-50 px-2.5 py-1 text-xs font-medium text-blue-700",
10142
10148
  align === "end" && "ml-auto"
10143
10149
  ),
10144
- children: displayText
10150
+ children: [
10151
+ displayText,
10152
+ /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(FaIcon, { name: "xmark", size: 10 })
10153
+ ]
10145
10154
  }
10146
10155
  )
10147
10156
  ] }),
package/dist/ui/index.mjs CHANGED
@@ -4250,12 +4250,14 @@ var TableGroupBand = (_a) => {
4250
4250
  var _b = _a, {
4251
4251
  colSpan,
4252
4252
  canCollapseFromBand = false,
4253
+ tone = "neutral",
4253
4254
  onBandClick,
4254
4255
  endContent,
4255
4256
  className
4256
4257
  } = _b, label = __objRest(_b, [
4257
4258
  "colSpan",
4258
4259
  "canCollapseFromBand",
4260
+ "tone",
4259
4261
  "onBandClick",
4260
4262
  "endContent",
4261
4263
  "className"
@@ -4274,7 +4276,11 @@ var TableGroupBand = (_a) => {
4274
4276
  onClick: bandAction && runBandAction,
4275
4277
  onKeyDown: onBandClick && activateFromKeyboard(onBandClick),
4276
4278
  tabIndex: onBandClick ? 0 : void 0,
4277
- className: cn(className, bandAction && "cursor-pointer"),
4279
+ className: cn(
4280
+ className,
4281
+ tone === "danger" && "bg-red-50",
4282
+ bandAction && "cursor-pointer"
4283
+ ),
4278
4284
  children: endContent ? /* @__PURE__ */ jsxs27(Layout, { row: true, gap: 2, align: "center", justify: "between", children: [
4279
4285
  /* @__PURE__ */ jsx54(TableGroupLabel, __spreadValues({}, label)),
4280
4286
  endContent
@@ -4768,7 +4774,7 @@ var TableCellNameButton = ({
4768
4774
 
4769
4775
  // src/ui/components/ui/table/TablePersonCell.tsx
4770
4776
  import { jsx as jsx61, jsxs as jsxs30 } from "react/jsx-runtime";
4771
- var AVATAR_SIZE = 24;
4777
+ var AVATAR_SIZE = 32;
4772
4778
  var TablePersonCell = ({
4773
4779
  firstName,
4774
4780
  lastName,
@@ -9948,7 +9954,7 @@ var DatePicker = ({
9948
9954
  ) }, preset.label);
9949
9955
  })
9950
9956
  ] }),
9951
- hasValue && /* @__PURE__ */ jsx118(
9957
+ hasValue && /* @__PURE__ */ jsxs70(
9952
9958
  "button",
9953
9959
  {
9954
9960
  type: "button",
@@ -9957,7 +9963,10 @@ var DatePicker = ({
9957
9963
  "flex w-fit items-center gap-1.5 rounded-[6px] border border-blue-700 bg-blue-50 px-2.5 py-1 text-xs font-medium text-blue-700",
9958
9964
  align === "end" && "ml-auto"
9959
9965
  ),
9960
- children: displayText
9966
+ children: [
9967
+ displayText,
9968
+ /* @__PURE__ */ jsx118(FaIcon, { name: "xmark", size: 10 })
9969
+ ]
9961
9970
  }
9962
9971
  )
9963
9972
  ] }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.454",
3
+ "version": "1.0.456",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",