qstd 0.2.24 → 0.2.26

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.
@@ -1 +1 @@
1
- {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/block/slider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AA2B9B,KAAK,gBAAgB,GAAG,EAAE,CAAC,cAAc,GAAG;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoBF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CA2OxD;AAMD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoBlD;yBApBe,WAAW;;;AAuB3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAyBjD;yBAzBe,UAAU;;;AA4B1B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoClD;yBApCe,WAAW"}
1
+ {"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/block/slider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AA2B9B,KAAK,gBAAgB,GAAG,EAAE,CAAC,cAAc,GAAG;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAoBF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CA4OxD;AAMD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoBlD;yBApBe,WAAW;;;AAuB3B,wBAAgB,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAyBjD;yBAzBe,UAAU;;;AA4B1B,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAyClD;yBAzCe,WAAW"}
@@ -3166,9 +3166,7 @@ function Slider(props) {
3166
3166
  cols: "1",
3167
3167
  rows: "1",
3168
3168
  alignItems: "center",
3169
- position: "relative",
3170
3169
  w: true,
3171
- h: height,
3172
3170
  cursor: disabled ? "not-allowed" : "pointer",
3173
3171
  opacity: disabled ? 0.5 : 1,
3174
3172
  onPointerDown: handleTrackPointerDown,
@@ -3176,6 +3174,8 @@ function Slider(props) {
3176
3174
  userSelect: "none",
3177
3175
  touchAction: "none",
3178
3176
  ...rest,
3177
+ position: "relative",
3178
+ h: height,
3179
3179
  children: [
3180
3180
  trackEl,
3181
3181
  fillEl,
@@ -3247,24 +3247,26 @@ function SliderThumb(props) {
3247
3247
  MotionDiv6,
3248
3248
  {
3249
3249
  "data-slider-thumb": true,
3250
- position: "absolute",
3251
- size: 24,
3252
3250
  rounded: true,
3253
3251
  bg: "white",
3254
3252
  boxShadow: "0 2px 8px rgba(0,0,0,0.25)",
3255
3253
  cursor: disabled ? "not-allowed" : "grab",
3256
3254
  pointerEvents: "none",
3255
+ ...rest,
3256
+ position: "absolute",
3257
+ size: 24,
3257
3258
  style: {
3259
+ ...rest.style || {},
3258
3260
  ...style,
3259
3261
  left,
3260
- top: "50%",
3261
- transform: "translate(-50%, -50%)"
3262
+ top: "50%"
3262
3263
  },
3263
3264
  initial: false,
3264
3265
  animate: {
3265
- scale: isDragging ? 1.1 : 1
3266
- },
3267
- ...rest
3266
+ scale: isDragging ? 1.1 : 1,
3267
+ x: "-50%",
3268
+ y: "-50%"
3269
+ }
3268
3270
  }
3269
3271
  );
3270
3272
  }
@@ -1164,13 +1164,13 @@
1164
1164
  .cursor_grab {
1165
1165
  cursor: grab;
1166
1166
  }
1167
+ .bx-sh_0_2px_8px_rgba\(0\,0\,0\,0\.25\) {
1168
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
1169
+ }
1167
1170
  .size_24 {
1168
1171
  width: 24px;
1169
1172
  height: 24px;
1170
1173
  }
1171
- .bx-sh_0_2px_8px_rgba\(0\,0\,0\,0\.25\) {
1172
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
1173
- }
1174
1174
  .type_spring {
1175
1175
  type: spring;
1176
1176
  }
@@ -3143,9 +3143,7 @@ function Slider(props) {
3143
3143
  cols: "1",
3144
3144
  rows: "1",
3145
3145
  alignItems: "center",
3146
- position: "relative",
3147
3146
  w: true,
3148
- h: height,
3149
3147
  cursor: disabled ? "not-allowed" : "pointer",
3150
3148
  opacity: disabled ? 0.5 : 1,
3151
3149
  onPointerDown: handleTrackPointerDown,
@@ -3153,6 +3151,8 @@ function Slider(props) {
3153
3151
  userSelect: "none",
3154
3152
  touchAction: "none",
3155
3153
  ...rest,
3154
+ position: "relative",
3155
+ h: height,
3156
3156
  children: [
3157
3157
  trackEl,
3158
3158
  fillEl,
@@ -3224,24 +3224,26 @@ function SliderThumb(props) {
3224
3224
  MotionDiv6,
3225
3225
  {
3226
3226
  "data-slider-thumb": true,
3227
- position: "absolute",
3228
- size: 24,
3229
3227
  rounded: true,
3230
3228
  bg: "white",
3231
3229
  boxShadow: "0 2px 8px rgba(0,0,0,0.25)",
3232
3230
  cursor: disabled ? "not-allowed" : "grab",
3233
3231
  pointerEvents: "none",
3232
+ ...rest,
3233
+ position: "absolute",
3234
+ size: 24,
3234
3235
  style: {
3236
+ ...rest.style || {},
3235
3237
  ...style,
3236
3238
  left,
3237
- top: "50%",
3238
- transform: "translate(-50%, -50%)"
3239
+ top: "50%"
3239
3240
  },
3240
3241
  initial: false,
3241
3242
  animate: {
3242
- scale: isDragging ? 1.1 : 1
3243
- },
3244
- ...rest
3243
+ scale: isDragging ? 1.1 : 1,
3244
+ x: "-50%",
3245
+ y: "-50%"
3246
+ }
3245
3247
  }
3246
3248
  );
3247
3249
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qstd",
3
- "version": "0.2.24",
3
+ "version": "0.2.26",
4
4
  "description": "Standard Block component and utilities library with Panda CSS",
5
5
  "author": "malin1",
6
6
  "license": "MIT",
@@ -1231,15 +1231,15 @@
1231
1231
  cursor: grab;
1232
1232
  }
1233
1233
 
1234
+ .bx-sh_0_2px_8px_rgba\(0\,0\,0\,0\.25\) {
1235
+ box-shadow: 0 2px 8px rgba(0,0,0,0.25);
1236
+ }
1237
+
1234
1238
  .size_24 {
1235
1239
  width: 24px;
1236
1240
  height: 24px;
1237
1241
  }
1238
1242
 
1239
- .bx-sh_0_2px_8px_rgba\(0\,0\,0\,0\.25\) {
1240
- box-shadow: 0 2px 8px rgba(0,0,0,0.25);
1241
- }
1242
-
1243
1243
  .type_spring {
1244
1244
  type: spring;
1245
1245
  }