@kashifd/jwero-components 0.8.3 → 0.8.4

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
@@ -49158,35 +49158,47 @@ const MW = ({
49158
49158
  P && /* @__PURE__ */ v.jsx(
49159
49159
  Jt,
49160
49160
  {
49161
+ disableRipple: !0,
49161
49162
  sx: {
49162
- position: "absolute",
49163
+ position: "fixed",
49163
49164
  left: 0,
49164
49165
  top: "50%",
49165
- transform: "translateY(-50%)",
49166
- zIndex: 10,
49166
+ // transform: "translateY(-50%)",
49167
+ zIndex: 1,
49167
49168
  backgroundColor: "white",
49168
49169
  borderRadius: "50%",
49169
- padding: "0.35rem"
49170
+ padding: "0.35rem",
49171
+ boxShadow: 2,
49172
+ transition: "0.3s ease",
49173
+ "&:hover": {
49174
+ backgroundColor: w.colors.surface2_lightgrey
49175
+ }
49170
49176
  },
49171
49177
  onClick: ie,
49172
- children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll left", children: /* @__PURE__ */ v.jsx(XF, { sx: { color: "#000" } }) })
49178
+ children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll left", enterDelay: 1500, children: /* @__PURE__ */ v.jsx(XF, { sx: { color: "#000" } }) })
49173
49179
  }
49174
49180
  ),
49175
49181
  U && /* @__PURE__ */ v.jsx(
49176
49182
  Jt,
49177
49183
  {
49184
+ disableRipple: !0,
49178
49185
  sx: {
49179
- position: "absolute",
49180
- right: 0,
49186
+ position: "fixed",
49187
+ right: 15,
49181
49188
  top: "50%",
49182
- transform: "translateY(-50%)",
49183
- zIndex: 10,
49189
+ // transform: "translateY(-50%)",
49190
+ zIndex: 1,
49184
49191
  backgroundColor: "white",
49185
49192
  borderRadius: "50%",
49186
- padding: "0.35rem"
49193
+ padding: "0.35rem",
49194
+ boxShadow: 2,
49195
+ transition: "0.3s ease",
49196
+ "&:hover": {
49197
+ backgroundColor: w.colors.surface2_lightgrey
49198
+ }
49187
49199
  },
49188
49200
  onClick: J,
49189
- children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll right", children: /* @__PURE__ */ v.jsx(GF, { sx: { color: "#000" } }) })
49201
+ children: /* @__PURE__ */ v.jsx(Zt, { title: "Scroll right", enterDelay: 1500, children: /* @__PURE__ */ v.jsx(GF, { sx: { color: "#000" } }) })
49190
49202
  }
49191
49203
  )
49192
49204
  ] })