@lax-wp/design-system 0.11.48 → 0.11.49

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/index.es.js CHANGED
@@ -7810,10 +7810,7 @@ const GS = Oo(null), zP = GS.Provider, hl = () => {
7810
7810
  opacity: { duration: 0.15 }
7811
7811
  },
7812
7812
  ref: p,
7813
- className: U(
7814
- "h-[40px]",
7815
- r ? "ml-60 w-1/2" : "w-full"
7816
- ),
7813
+ className: U("h-[40px]", r ? "ml-60 w-1/2" : "w-full"),
7817
7814
  children: /* @__PURE__ */ T(
7818
7815
  "div",
7819
7816
  {
@@ -7874,7 +7871,7 @@ const GS = Oo(null), zP = GS.Provider, hl = () => {
7874
7871
  getPopupContainer: (y) => y.parentElement,
7875
7872
  open: u,
7876
7873
  onOpenChange: c,
7877
- children: /* @__PURE__ */ T(
7874
+ children: /* @__PURE__ */ A(
7878
7875
  "button",
7879
7876
  {
7880
7877
  id: `btn-floating-bar-${g.label}`,
@@ -7883,34 +7880,35 @@ const GS = Oo(null), zP = GS.Provider, hl = () => {
7883
7880
  className: U(
7884
7881
  g?.label ? "flex items-center mx-1 gap-1.5 py-1 pr-3 pl-2 rounded-md text-white hover:text-primary-50 transition-all duration-300 bg-transparent" : "bg-transparent p-1.5 hover:bg-primary-800 rounded-xl",
7885
7882
  g?.hideLabel && "!p-1.5",
7886
- (g.label === "Delete" || g.label === "Remove") && "!text-error-500"
7883
+ (g.label === "Delete" || g.label === "Remove" || g.label === "Move to trash" || g.label === "Permanent delete") && "!text-error-500",
7884
+ g.disabled && "opacity-70"
7887
7885
  ),
7888
- children: [
7889
- /* @__PURE__ */ A(
7890
- Re,
7891
- {
7892
- hideTooltip: !g.tooltip,
7893
- title: g.tooltip,
7894
- className: "flex items-center",
7895
- children: g.icon
7896
- }
7897
- ),
7898
- !g?.hideLabel && g.label && /* @__PURE__ */ A(
7899
- oe,
7900
- {
7901
- size: "small",
7902
- variant: "medium",
7903
- className: "text-inherit",
7904
- appearance: "custom",
7905
- children: g.label
7906
- }
7907
- )
7908
- ]
7886
+ children: /* @__PURE__ */ T(
7887
+ Re,
7888
+ {
7889
+ hideTooltip: !g.tooltip,
7890
+ title: g.tooltip,
7891
+ className: "flex items-center",
7892
+ children: [
7893
+ g.icon,
7894
+ !g?.hideLabel && g.label && /* @__PURE__ */ A(
7895
+ oe,
7896
+ {
7897
+ size: "small",
7898
+ variant: "medium",
7899
+ className: "text-inherit",
7900
+ appearance: "custom",
7901
+ children: g.label
7902
+ }
7903
+ )
7904
+ ]
7905
+ }
7906
+ )
7909
7907
  },
7910
7908
  _
7911
7909
  )
7912
7910
  }
7913
- ) : /* @__PURE__ */ T(
7911
+ ) : /* @__PURE__ */ A(
7914
7912
  "button",
7915
7913
  {
7916
7914
  id: `btn-floating-bar-${g.label}`,
@@ -7919,29 +7917,30 @@ const GS = Oo(null), zP = GS.Provider, hl = () => {
7919
7917
  className: U(
7920
7918
  g?.label ? "flex items-center mx-1 gap-1.5 py-1 pr-3 pl-2 rounded-md text-white hover:text-primary-50 transition-all duration-300 bg-transparent" : "bg-transparent p-1.5 hover:bg-primary-800 rounded-xl",
7921
7919
  g?.hideLabel && "!p-1.5",
7922
- (g.label === "Delete" || g.label === "Remove") && "!text-error-500"
7920
+ (g.label === "Delete" || g.label === "Remove" || g.label === "Move to trash" || g.label === "Permanent delete") && "!text-error-500",
7921
+ g.disabled && "opacity-70"
7923
7922
  ),
7924
- children: [
7925
- /* @__PURE__ */ A(
7926
- Re,
7927
- {
7928
- hideTooltip: !g.tooltip,
7929
- title: g.tooltip,
7930
- className: "flex items-center",
7931
- children: g.icon
7932
- }
7933
- ),
7934
- !g?.hideLabel && g.label && /* @__PURE__ */ A(
7935
- oe,
7936
- {
7937
- size: "small",
7938
- variant: "medium",
7939
- className: "text-inherit",
7940
- appearance: "custom",
7941
- children: g.label
7942
- }
7943
- )
7944
- ]
7923
+ children: /* @__PURE__ */ T(
7924
+ Re,
7925
+ {
7926
+ hideTooltip: !g.tooltip,
7927
+ title: g.tooltip,
7928
+ className: "flex items-center",
7929
+ children: [
7930
+ g.icon,
7931
+ !g?.hideLabel && g.label && /* @__PURE__ */ A(
7932
+ oe,
7933
+ {
7934
+ size: "small",
7935
+ variant: "medium",
7936
+ className: "text-inherit",
7937
+ appearance: "custom",
7938
+ children: g.label
7939
+ }
7940
+ )
7941
+ ]
7942
+ }
7943
+ )
7945
7944
  }
7946
7945
  ) }, _)
7947
7946
  ),
@@ -7950,8 +7949,11 @@ const GS = Oo(null), zP = GS.Provider, hl = () => {
7950
7949
  {
7951
7950
  id: `btn-floating-bar-${m.label}`,
7952
7951
  onClick: m.onClick,
7953
- disabled: !1,
7954
- className: "flex items-center gap-1.5 py-1 pr-3 pl-2 rounded-md",
7952
+ disabled: m.disabled,
7953
+ className: U(
7954
+ "flex items-center gap-1.5 py-1 pr-3 pl-2 rounded-md",
7955
+ m.disabled && "opacity-70"
7956
+ ),
7955
7957
  children: [
7956
7958
  m.icon,
7957
7959
  /* @__PURE__ */ A(
@@ -7997,8 +7999,22 @@ const GS = Oo(null), zP = GS.Provider, hl = () => {
7997
7999
  className: "flex items-center gap-1.5 px-2 py-1 w-22 h-7 rounded-full bg-primary-700",
7998
8000
  type: "button",
7999
8001
  children: [
8000
- /* @__PURE__ */ A(oe, { size: "small", variant: "medium", className: "text-white", children: l("Actions") }),
8001
- /* @__PURE__ */ A($P, { fill: "#FFFFFF", className: "w-[16px] h-[16px]" })
8002
+ /* @__PURE__ */ A(
8003
+ oe,
8004
+ {
8005
+ size: "small",
8006
+ variant: "medium",
8007
+ className: "text-white",
8008
+ children: l("Actions")
8009
+ }
8010
+ ),
8011
+ /* @__PURE__ */ A(
8012
+ $P,
8013
+ {
8014
+ fill: "#FFFFFF",
8015
+ className: "w-[16px] h-[16px]"
8016
+ }
8017
+ )
8002
8018
  ]
8003
8019
  }
8004
8020
  )
@@ -8009,8 +8025,11 @@ const GS = Oo(null), zP = GS.Provider, hl = () => {
8009
8025
  {
8010
8026
  id: `btn-floating-bar-${m.label}`,
8011
8027
  onClick: m.onClick,
8012
- disabled: !1,
8013
- className: "flex items-center gap-1.5 py-1 pr-3 pl-2 rounded-md",
8028
+ disabled: m.disabled,
8029
+ className: U(
8030
+ "flex items-center gap-1.5 py-1 pr-3 pl-2 rounded-md",
8031
+ m.disabled && "opacity-70"
8032
+ ),
8014
8033
  type: "button",
8015
8034
  children: [
8016
8035
  m.icon,