@amityco/ui-kit-open-source 3.11.4 → 3.11.5

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/esm/index.js CHANGED
@@ -1188,6 +1188,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1188
1188
  width: 100%;
1189
1189
  height: 100%;
1190
1190
  position: relative;
1191
+ pointer-events: none;
1191
1192
  `,d3=m.div`
1192
1193
  position: relative;
1193
1194
  z-index: 9999;
@@ -1200,7 +1201,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1200
1201
  'left image right';
1201
1202
 
1202
1203
  width: 100%;
1203
- height: 100%;
1204
+ height: 90%;
1204
1205
 
1205
1206
  padding: 2rem 1rem 2rem 1rem;
1206
1207
 
@@ -1224,6 +1225,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1224
1225
  left: 0;
1225
1226
 
1226
1227
  @media (min-width: 768px) {
1228
+ pointer-events: auto;
1227
1229
  position: unset;
1228
1230
  top: unset;
1229
1231
  left: unset;
@@ -1244,6 +1246,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1244
1246
  cursor: pointer;
1245
1247
  font-size: 24px;
1246
1248
  color: inherit;
1249
+ pointer-events: auto;
1247
1250
 
1248
1251
  &:hover {
1249
1252
  color: ${({theme:e})=>e.palette.neutral.shade4};
@@ -1256,7 +1259,8 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1256
1259
  display: flex;
1257
1260
  align-items: center;
1258
1261
  justify-content: center;
1259
- `;var hF=({index:e=0,items:t=[],renderItem:o,onChange:r,showCounter:n=!0})=>{let i=()=>r==null?void 0:r(null),a=()=>r==null?void 0:r(e+1<t.length?e+1:0),s=()=>r==null?void 0:r(e-1>=0?e-1:t.length-1);return mo("ArrowLeft",s),mo("ArrowRight",a),mo("Escape",i),useMedia("(min-width: 768px)")?J.createElement(l3,null,J.createElement(m3,null,J.createElement(d3,null,J.createElement(c3,null,o(t[e])),n&&J.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J.createElement(f3,{onClick:s}),t.length>1&&J.createElement(g3,{onClick:a}),J.createElement(y3,{onClick:i})))):J.createElement(l3,null,J.createElement(m3,null,J.createElement(c3,null,o(t[e])),J.createElement(d3,null,n&&J.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J.createElement(f3,{onClick:s}),t.length>1&&J.createElement(g3,{onClick:a}),J.createElement(y3,{onClick:i}))))},wg=e=>{let t=V("ImageGallery");return t?t(e):J.createElement(hF,d({},e))};var vF=({progress:e,lightMode:t})=>J.createElement(u2,{progress:e,lightMode:t}),Va=vF;var h2=m.div.withConfig({shouldForwardProp:e=>e!=="border"})`
1262
+ pointer-events: auto;
1263
+ `;var hF=({index:e=0,items:t=[],renderItem:o,onChange:r,showCounter:n=!0})=>{let i=()=>r==null?void 0:r(null),a=()=>r==null?void 0:r(e+1<t.length?e+1:0),s=()=>r==null?void 0:r(e-1>=0?e-1:t.length-1);return mo("ArrowLeft",s),mo("ArrowRight",a),mo("Escape",i),useMedia("(min-width: 768px)")?J.createElement(l3,null,J.createElement(m3,null,J.createElement(d3,null,J.createElement(c3,null,o(t[e])),n&&J.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J.createElement(f3,{onClick:s}),t.length>1&&J.createElement(g3,{onClick:a}),J.createElement(y3,{onClick:i})))):J.createElement(l3,null,J.createElement(c3,null,o(t[e])),J.createElement(m3,null,J.createElement(d3,null,n&&J.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J.createElement(f3,{onClick:s}),t.length>1&&J.createElement(g3,{onClick:a}),J.createElement(y3,{onClick:i}))))},wg=e=>{let t=V("ImageGallery");return t?t(e):J.createElement(hF,d({},e))};var vF=({progress:e,lightMode:t})=>J.createElement(u2,{progress:e,lightMode:t}),Va=vF;var h2=m.div.withConfig({shouldForwardProp:e=>e!=="border"})`
1260
1264
  position: relative;
1261
1265
  display: inline-block;
1262
1266
  min-width: 2em;
package/dist/index.js CHANGED
@@ -1235,6 +1235,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1235
1235
  width: 100%;
1236
1236
  height: 100%;
1237
1237
  position: relative;
1238
+ pointer-events: none;
1238
1239
  `,d3=m.div`
1239
1240
  position: relative;
1240
1241
  z-index: 9999;
@@ -1247,7 +1248,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1247
1248
  'left image right';
1248
1249
 
1249
1250
  width: 100%;
1250
- height: 100%;
1251
+ height: 90%;
1251
1252
 
1252
1253
  padding: 2rem 1rem 2rem 1rem;
1253
1254
 
@@ -1271,6 +1272,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1271
1272
  left: 0;
1272
1273
 
1273
1274
  @media (min-width: 768px) {
1275
+ pointer-events: auto;
1274
1276
  position: unset;
1275
1277
  top: unset;
1276
1278
  left: unset;
@@ -1291,6 +1293,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1291
1293
  cursor: pointer;
1292
1294
  font-size: 24px;
1293
1295
  color: inherit;
1296
+ pointer-events: auto;
1294
1297
 
1295
1298
  &:hover {
1296
1299
  color: ${({theme:e})=>e.palette.neutral.shade4};
@@ -1303,7 +1306,8 @@ See https://s-c.sh/2BAXzed for more info.`),window[hm]+=1);var Sm=`url("data:ima
1303
1306
  display: flex;
1304
1307
  align-items: center;
1305
1308
  justify-content: center;
1306
- `;var hF=({index:e=0,items:t=[],renderItem:o,onChange:r,showCounter:n=!0})=>{let i=()=>r==null?void 0:r(null),a=()=>r==null?void 0:r(e+1<t.length?e+1:0),s=()=>r==null?void 0:r(e-1>=0?e-1:t.length-1);return mo("ArrowLeft",s),mo("ArrowRight",a),mo("Escape",i),reactUse.useMedia("(min-width: 768px)")?J__default.default.createElement(l3,null,J__default.default.createElement(m3,null,J__default.default.createElement(d3,null,J__default.default.createElement(c3,null,o(t[e])),n&&J__default.default.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J__default.default.createElement(f3,{onClick:s}),t.length>1&&J__default.default.createElement(g3,{onClick:a}),J__default.default.createElement(y3,{onClick:i})))):J__default.default.createElement(l3,null,J__default.default.createElement(m3,null,J__default.default.createElement(c3,null,o(t[e])),J__default.default.createElement(d3,null,n&&J__default.default.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J__default.default.createElement(f3,{onClick:s}),t.length>1&&J__default.default.createElement(g3,{onClick:a}),J__default.default.createElement(y3,{onClick:i}))))},wg=e=>{let t=V("ImageGallery");return t?t(e):J__default.default.createElement(hF,d({},e))};var vF=({progress:e,lightMode:t})=>J__default.default.createElement(u2,{progress:e,lightMode:t}),Va=vF;var h2=m.div.withConfig({shouldForwardProp:e=>e!=="border"})`
1309
+ pointer-events: auto;
1310
+ `;var hF=({index:e=0,items:t=[],renderItem:o,onChange:r,showCounter:n=!0})=>{let i=()=>r==null?void 0:r(null),a=()=>r==null?void 0:r(e+1<t.length?e+1:0),s=()=>r==null?void 0:r(e-1>=0?e-1:t.length-1);return mo("ArrowLeft",s),mo("ArrowRight",a),mo("Escape",i),reactUse.useMedia("(min-width: 768px)")?J__default.default.createElement(l3,null,J__default.default.createElement(m3,null,J__default.default.createElement(d3,null,J__default.default.createElement(c3,null,o(t[e])),n&&J__default.default.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J__default.default.createElement(f3,{onClick:s}),t.length>1&&J__default.default.createElement(g3,{onClick:a}),J__default.default.createElement(y3,{onClick:i})))):J__default.default.createElement(l3,null,J__default.default.createElement(c3,null,o(t[e])),J__default.default.createElement(m3,null,J__default.default.createElement(d3,null,n&&J__default.default.createElement(p3,null,`${e+1} / ${t.length}`),t.length>1&&J__default.default.createElement(f3,{onClick:s}),t.length>1&&J__default.default.createElement(g3,{onClick:a}),J__default.default.createElement(y3,{onClick:i}))))},wg=e=>{let t=V("ImageGallery");return t?t(e):J__default.default.createElement(hF,d({},e))};var vF=({progress:e,lightMode:t})=>J__default.default.createElement(u2,{progress:e,lightMode:t}),Va=vF;var h2=m.div.withConfig({shouldForwardProp:e=>e!=="border"})`
1307
1311
  position: relative;
1308
1312
  display: inline-block;
1309
1313
  min-width: 2em;