@fctc/sme-widget-ui 2.2.1 → 2.2.3

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.js CHANGED
@@ -10962,7 +10962,10 @@ var Row = (props) => {
10962
10962
  "tr",
10963
10963
  {
10964
10964
  "data-row-id": row?.id,
10965
- className: `border-b border-[#e8e8e8] cursor-pointer ${indexRow % 2 === 0 ? "bg-[#EEF3FB]" : "bg-white"}`,
10965
+ className: `border-b border-[#e8e8e8] cursor-pointer`,
10966
+ style: {
10967
+ background: indexRow % 2 === 0 ? "#EEF3FB" : "#FFF"
10968
+ },
10966
10969
  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
10967
10970
  isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
10968
10971
  "td",
@@ -33130,7 +33133,7 @@ var ToggleButtonField = (props) => {
33130
33133
  style: {
33131
33134
  position: "absolute",
33132
33135
  inset: 0,
33133
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
33136
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
33134
33137
  },
33135
33138
  className: `rounded-full transition duration-300
33136
33139
  `,
@@ -33143,7 +33146,7 @@ var ToggleButtonField = (props) => {
33143
33146
  bottom: "2px",
33144
33147
  width: "16px",
33145
33148
  height: "16px",
33146
- backgroundColor: "white",
33149
+ background: "white",
33147
33150
  borderRadius: "9999px",
33148
33151
  transition: "transform 0.3s",
33149
33152
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/dist/index.mjs CHANGED
@@ -10836,7 +10836,10 @@ var Row = (props) => {
10836
10836
  "tr",
10837
10837
  {
10838
10838
  "data-row-id": row?.id,
10839
- className: `border-b border-[#e8e8e8] cursor-pointer ${indexRow % 2 === 0 ? "bg-[#EEF3FB]" : "bg-white"}`,
10839
+ className: `border-b border-[#e8e8e8] cursor-pointer`,
10840
+ style: {
10841
+ background: indexRow % 2 === 0 ? "#EEF3FB" : "#FFF"
10842
+ },
10840
10843
  children: /* @__PURE__ */ jsxs26(Fragment3, { children: [
10841
10844
  isDisplayCheckbox && /* @__PURE__ */ jsx47(
10842
10845
  "td",
@@ -33004,7 +33007,7 @@ var ToggleButtonField = (props) => {
33004
33007
  style: {
33005
33008
  position: "absolute",
33006
33009
  inset: 0,
33007
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
33010
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
33008
33011
  },
33009
33012
  className: `rounded-full transition duration-300
33010
33013
  `,
@@ -33017,7 +33020,7 @@ var ToggleButtonField = (props) => {
33017
33020
  bottom: "2px",
33018
33021
  width: "16px",
33019
33022
  height: "16px",
33020
- backgroundColor: "white",
33023
+ background: "white",
33021
33024
  borderRadius: "9999px",
33022
33025
  transition: "transform 0.3s",
33023
33026
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/dist/widgets.js CHANGED
@@ -9954,7 +9954,10 @@ var Row = (props) => {
9954
9954
  "tr",
9955
9955
  {
9956
9956
  "data-row-id": row?.id,
9957
- className: `border-b border-[#e8e8e8] cursor-pointer ${indexRow % 2 === 0 ? "bg-[#EEF3FB]" : "bg-white"}`,
9957
+ className: `border-b border-[#e8e8e8] cursor-pointer`,
9958
+ style: {
9959
+ background: indexRow % 2 === 0 ? "#EEF3FB" : "#FFF"
9960
+ },
9958
9961
  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
9959
9962
  isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
9960
9963
  "td",
@@ -32381,7 +32384,7 @@ var ToggleButtonField = (props) => {
32381
32384
  style: {
32382
32385
  position: "absolute",
32383
32386
  inset: 0,
32384
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
32387
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
32385
32388
  },
32386
32389
  className: `rounded-full transition duration-300
32387
32390
  `,
@@ -32394,7 +32397,7 @@ var ToggleButtonField = (props) => {
32394
32397
  bottom: "2px",
32395
32398
  width: "16px",
32396
32399
  height: "16px",
32397
- backgroundColor: "white",
32400
+ background: "white",
32398
32401
  borderRadius: "9999px",
32399
32402
  transition: "transform 0.3s",
32400
32403
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/dist/widgets.mjs CHANGED
@@ -9892,7 +9892,10 @@ var Row = (props) => {
9892
9892
  "tr",
9893
9893
  {
9894
9894
  "data-row-id": row?.id,
9895
- className: `border-b border-[#e8e8e8] cursor-pointer ${indexRow % 2 === 0 ? "bg-[#EEF3FB]" : "bg-white"}`,
9895
+ className: `border-b border-[#e8e8e8] cursor-pointer`,
9896
+ style: {
9897
+ background: indexRow % 2 === 0 ? "#EEF3FB" : "#FFF"
9898
+ },
9896
9899
  children: /* @__PURE__ */ jsxs26(Fragment3, { children: [
9897
9900
  isDisplayCheckbox && /* @__PURE__ */ jsx47(
9898
9901
  "td",
@@ -32319,7 +32322,7 @@ var ToggleButtonField = (props) => {
32319
32322
  style: {
32320
32323
  position: "absolute",
32321
32324
  inset: 0,
32322
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
32325
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
32323
32326
  },
32324
32327
  className: `rounded-full transition duration-300
32325
32328
  `,
@@ -32332,7 +32335,7 @@ var ToggleButtonField = (props) => {
32332
32335
  bottom: "2px",
32333
32336
  width: "16px",
32334
32337
  height: "16px",
32335
- backgroundColor: "white",
32338
+ background: "white",
32336
32339
  borderRadius: "9999px",
32337
32340
  transition: "transform 0.3s",
32338
32341
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "2.2.1",
3
+ "version": "2.2.3",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",