qstd 0.3.72 → 0.3.74

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.
Files changed (6) hide show
  1. package/dist/block/drawer.d.ts.map +1 -1
  2. package/dist/react/index.cjs +41 -26
  3. package/dist/react/index.css +14 -8
  4. package/dist/react/index.js +41 -26
  5. package/package.json +1 -1
  6. package/styled-system/styles.css +17 -10
package/dist/block/drawer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/block/drawer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAsZ9B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CAMxD;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,2CAYrD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,uDAkDrD"}
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/block/drawer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,MAAM,SAAS,CAAC;AAma9B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,2CAMxD;AAID,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,2CAYrD;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,uDAkDrD"}
package/dist/react/index.cjs CHANGED
@@ -2805,7 +2805,7 @@ function DrawerComponent(props) {
2805
2805
  Backdrop,
2806
2806
  {
2807
2807
  onClick: () => onBackdropClick(),
2808
- children: /* @__PURE__ */ jsxRuntime.jsx(
2808
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
2809
2809
  MotionDiv4,
2810
2810
  {
2811
2811
  grid: true,
@@ -2908,31 +2908,46 @@ function DrawerComponent(props) {
2908
2908
  color: "text-primary",
2909
2909
  ref,
2910
2910
  ...rest,
2911
- children: /* @__PURE__ */ jsxRuntime.jsxs(
2912
- MotionDiv4,
2913
- {
2914
- grid: true,
2915
- ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
2916
- children: [
2917
- !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsxRuntime.jsx(
2918
- MotionDiv4,
2919
- {
2920
- grid: true,
2921
- justifySelf: "center",
2922
- h: 6,
2923
- w: 34,
2924
- mt: "16px",
2925
- mb: 4,
2926
- br: 20,
2927
- bg: { base: "neutral.400", _dark: "neutral.600" },
2928
- cursor: props.drag ? "row-resize" : "default",
2929
- ref: dragHandleRef
2930
- }
2931
- ),
2932
- props.children
2933
- ]
2934
- }
2935
- )
2911
+ children: [
2912
+ /* @__PURE__ */ jsxRuntime.jsxs(
2913
+ MotionDiv4,
2914
+ {
2915
+ grid: true,
2916
+ ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
2917
+ children: [
2918
+ !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsxRuntime.jsx(
2919
+ MotionDiv4,
2920
+ {
2921
+ grid: true,
2922
+ justifySelf: "center",
2923
+ h: 6,
2924
+ w: 34,
2925
+ mt: "16px",
2926
+ mb: 4,
2927
+ br: 20,
2928
+ bg: { base: "neutral.400", _dark: "neutral.600" },
2929
+ cursor: props.drag ? "row-resize" : "default",
2930
+ ref: dragHandleRef
2931
+ }
2932
+ ),
2933
+ props.children
2934
+ ]
2935
+ }
2936
+ ),
2937
+ !isDesktop && /* @__PURE__ */ jsxRuntime.jsx(
2938
+ MotionDiv4,
2939
+ {
2940
+ position: "absolute",
2941
+ left: 0,
2942
+ right: 0,
2943
+ bottom: 0,
2944
+ h: 100,
2945
+ transform: "translateY(100%)",
2946
+ bg: { base: "neutral.100", _dark: "neutral.900" },
2947
+ pointerEvents: "none"
2948
+ }
2949
+ )
2950
+ ]
2936
2951
  },
2937
2952
  "drawer"
2938
2953
  )
package/dist/react/index.css CHANGED
@@ -1020,18 +1020,24 @@
1020
1020
  .justify-self_center {
1021
1021
  justify-self: center;
1022
1022
  }
1023
+ .pos_absolute {
1024
+ position: absolute;
1025
+ }
1026
+ .trf_translateY\(100\%\) {
1027
+ transform: translateY(100%);
1028
+ }
1029
+ .pointer-events_none {
1030
+ pointer-events: none;
1031
+ }
1023
1032
  .rg_14 {
1024
1033
  row-gap: 14px;
1025
1034
  }
1026
- .place-i_true {
1035
+ .place-i_true,
1036
+ .center_true {
1027
1037
  place-items: center;
1028
1038
  }
1029
- .pos_absolute {
1030
- position: absolute;
1031
- }
1032
1039
  .center_true {
1033
1040
  place-content: center;
1034
- place-items: center;
1035
1041
  }
1036
1042
  .fs_16 {
1037
1043
  font-size: 16px;
@@ -1109,9 +1115,6 @@
1109
1115
  .grid-af_column {
1110
1116
  grid-auto-flow: column;
1111
1117
  }
1112
- .pointer-events_none {
1113
- pointer-events: none;
1114
- }
1115
1118
  .trf-o_top_left {
1116
1119
  transform-origin: top left;
1117
1120
  }
@@ -1275,6 +1278,9 @@
1275
1278
  .mb_4 {
1276
1279
  margin-bottom: var(--spacing-4);
1277
1280
  }
1281
+ .h_100 {
1282
+ height: 100px;
1283
+ }
1278
1284
  .top_0 {
1279
1285
  top: var(--spacing-0);
1280
1286
  }
package/dist/react/index.js CHANGED
@@ -2782,7 +2782,7 @@ function DrawerComponent(props) {
2782
2782
  Backdrop,
2783
2783
  {
2784
2784
  onClick: () => onBackdropClick(),
2785
- children: /* @__PURE__ */ jsx(
2785
+ children: /* @__PURE__ */ jsxs(
2786
2786
  MotionDiv4,
2787
2787
  {
2788
2788
  grid: true,
@@ -2885,31 +2885,46 @@ function DrawerComponent(props) {
2885
2885
  color: "text-primary",
2886
2886
  ref,
2887
2887
  ...rest,
2888
- children: /* @__PURE__ */ jsxs(
2889
- MotionDiv4,
2890
- {
2891
- grid: true,
2892
- ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
2893
- children: [
2894
- !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsx(
2895
- MotionDiv4,
2896
- {
2897
- grid: true,
2898
- justifySelf: "center",
2899
- h: 6,
2900
- w: 34,
2901
- mt: "16px",
2902
- mb: 4,
2903
- br: 20,
2904
- bg: { base: "neutral.400", _dark: "neutral.600" },
2905
- cursor: props.drag ? "row-resize" : "default",
2906
- ref: dragHandleRef
2907
- }
2908
- ),
2909
- props.children
2910
- ]
2911
- }
2912
- )
2888
+ children: [
2889
+ /* @__PURE__ */ jsxs(
2890
+ MotionDiv4,
2891
+ {
2892
+ grid: true,
2893
+ ...isDesktop ? { position: "relative" } : { rows: "max-content 1fr" },
2894
+ children: [
2895
+ !isDesktop && props.hideHandle !== false && /* @__PURE__ */ jsx(
2896
+ MotionDiv4,
2897
+ {
2898
+ grid: true,
2899
+ justifySelf: "center",
2900
+ h: 6,
2901
+ w: 34,
2902
+ mt: "16px",
2903
+ mb: 4,
2904
+ br: 20,
2905
+ bg: { base: "neutral.400", _dark: "neutral.600" },
2906
+ cursor: props.drag ? "row-resize" : "default",
2907
+ ref: dragHandleRef
2908
+ }
2909
+ ),
2910
+ props.children
2911
+ ]
2912
+ }
2913
+ ),
2914
+ !isDesktop && /* @__PURE__ */ jsx(
2915
+ MotionDiv4,
2916
+ {
2917
+ position: "absolute",
2918
+ left: 0,
2919
+ right: 0,
2920
+ bottom: 0,
2921
+ h: 100,
2922
+ transform: "translateY(100%)",
2923
+ bg: { base: "neutral.100", _dark: "neutral.900" },
2924
+ pointerEvents: "none"
2925
+ }
2926
+ )
2927
+ ]
2913
2928
  },
2914
2929
  "drawer"
2915
2930
  )
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qstd",
3
- "version": "0.3.72",
3
+ "version": "0.3.74",
4
4
  "description": "Standard Block component and utilities library with Panda CSS",
5
5
  "author": "malin1",
6
6
  "license": "MIT",
package/styled-system/styles.css CHANGED
@@ -1049,21 +1049,28 @@
1049
1049
  justify-self: center;
1050
1050
  }
1051
1051
 
1052
+ .pos_absolute {
1053
+ position: absolute;
1054
+ }
1055
+
1056
+ .trf_translateY\(100\%\) {
1057
+ transform: translateY(100%);
1058
+ }
1059
+
1060
+ .pointer-events_none {
1061
+ pointer-events: none;
1062
+ }
1063
+
1052
1064
  .rg_14 {
1053
1065
  row-gap: 14px;
1054
1066
  }
1055
1067
 
1056
- .place-i_true {
1068
+ .place-i_true,.center_true {
1057
1069
  place-items: center;
1058
1070
  }
1059
1071
 
1060
- .pos_absolute {
1061
- position: absolute;
1062
- }
1063
-
1064
1072
  .center_true {
1065
1073
  place-content: center;
1066
- place-items: center;
1067
1074
  }
1068
1075
 
1069
1076
  .fs_16 {
@@ -1159,10 +1166,6 @@
1159
1166
  grid-auto-flow: column;
1160
1167
  }
1161
1168
 
1162
- .pointer-events_none {
1163
- pointer-events: none;
1164
- }
1165
-
1166
1169
  .trf-o_top_left {
1167
1170
  transform-origin: top left;
1168
1171
  }
@@ -1379,6 +1382,10 @@
1379
1382
  margin-bottom: var(--spacing-4);
1380
1383
  }
1381
1384
 
1385
+ .h_100 {
1386
+ height: 100px;
1387
+ }
1388
+
1382
1389
  .top_0 {
1383
1390
  top: var(--spacing-0);
1384
1391
  }