@hanzo/gui 8.2.0 → 8.2.1

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 (3) hide show
  1. package/dist/native.cjs +36 -15
  2. package/dist/test.cjs +36 -15
  3. package/package.json +67 -67
package/dist/native.cjs CHANGED
@@ -12523,9 +12523,7 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
12523
12523
  };
12524
12524
  nonAnimatableUnitlessProps = {
12525
12525
  WebkitLineClamp: true,
12526
- lineClamp: true,
12527
- gridTemplateColumns: true,
12528
- gridTemplateAreas: true
12526
+ lineClamp: true
12529
12527
  };
12530
12528
  nonAnimatableStyleProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableViewProps), nonAnimatableFontProps), nonAnimatableTextOnlyProps), nonAnimatableUnitlessProps);
12531
12529
  stylePropsUnitless = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableUnitlessProps), {}, {
@@ -12542,14 +12540,6 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
12542
12540
  flexShrink: true,
12543
12541
  flexNegative: true,
12544
12542
  fontWeight: true,
12545
- gridRow: true,
12546
- gridRowEnd: true,
12547
- gridRowGap: true,
12548
- gridRowStart: true,
12549
- gridColumn: true,
12550
- gridColumnEnd: true,
12551
- gridColumnGap: true,
12552
- gridColumnStart: true,
12553
12543
  opacity: true,
12554
12544
  order: true,
12555
12545
  orphans: true,
@@ -12694,10 +12684,35 @@ var init_withStaticProperties_native = require_objectSpread2.__esmMin((() => {
12694
12684
  }));
12695
12685
  //#endregion
12696
12686
  //#region ../../core/helpers/dist/esm/webOnlyStyleProps.native.js
12697
- var nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
12687
+ var gridTracks, gridUnitless, gridProps, nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
12698
12688
  var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
12699
12689
  require_objectSpread2.init_objectSpread2();
12700
- nonAnimatableWebViewProps = {
12690
+ gridTracks = {
12691
+ gridAutoColumns: true,
12692
+ gridAutoRows: true,
12693
+ gridTemplateColumns: true,
12694
+ gridTemplateRows: true
12695
+ };
12696
+ gridUnitless = {
12697
+ grid: true,
12698
+ gridArea: true,
12699
+ gridAutoFlow: true,
12700
+ gridColumn: true,
12701
+ gridColumnEnd: true,
12702
+ gridColumnStart: true,
12703
+ gridRow: true,
12704
+ gridRowEnd: true,
12705
+ gridRowStart: true,
12706
+ gridTemplate: true,
12707
+ gridTemplateAreas: true,
12708
+ justifyItems: true,
12709
+ justifySelf: true,
12710
+ placeContent: true,
12711
+ placeItems: true,
12712
+ placeSelf: true
12713
+ };
12714
+ gridProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridTracks), gridUnitless);
12715
+ nonAnimatableWebViewProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridProps), {}, {
12701
12716
  backgroundAttachment: true,
12702
12717
  backgroundBlendMode: true,
12703
12718
  backgroundClip: true,
@@ -12730,7 +12745,7 @@ var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
12730
12745
  touchAction: true,
12731
12746
  transformStyle: true,
12732
12747
  willChange: true
12733
- };
12748
+ });
12734
12749
  nonAnimatableWebTextProps = {
12735
12750
  whiteSpace: true,
12736
12751
  wordWrap: true,
@@ -14498,6 +14513,10 @@ function expandStyle(key, value) {
14498
14513
  case "position":
14499
14514
  if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
14500
14515
  return;
14516
+ case "display":
14517
+ if (value === "grid" || value === "inline-grid") return [["display", "flex"]];
14518
+ if (value === "list-item") return [["display", "flex"]];
14519
+ return;
14501
14520
  case "backgroundImage": return [["experimental_backgroundImage", value]];
14502
14521
  case "border":
14503
14522
  if (typeof value === "string") {
@@ -27809,7 +27828,7 @@ var Separator = styledExport(View, {
27809
27828
  name: "Separator",
27810
27829
  variants: {
27811
27830
  unstyled: { false: {
27812
- borderColor: "$backgroundFocus",
27831
+ borderColor: "$borderColor",
27813
27832
  flexShrink: 0,
27814
27833
  borderWidth: 0,
27815
27834
  flex: 1,
@@ -35885,6 +35904,8 @@ exports.getVariable = getVariable;
35885
35904
  exports.getVariableName = getVariableName;
35886
35905
  exports.getVariableValue = getVariableValue;
35887
35906
  exports.getWebElement = getWebElement;
35907
+ exports.gridProps = gridProps;
35908
+ exports.gridUnitless = gridUnitless;
35888
35909
  exports.hasOpenPopovers = hasOpenPopovers;
35889
35910
  exports.inputSizeVariant = inputSizeVariant;
35890
35911
  exports.insertFont = insertFont;
package/dist/test.cjs CHANGED
@@ -12701,9 +12701,7 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
12701
12701
  };
12702
12702
  nonAnimatableUnitlessProps = {
12703
12703
  WebkitLineClamp: true,
12704
- lineClamp: true,
12705
- gridTemplateColumns: true,
12706
- gridTemplateAreas: true
12704
+ lineClamp: true
12707
12705
  };
12708
12706
  nonAnimatableStyleProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableViewProps), nonAnimatableFontProps), nonAnimatableTextOnlyProps), nonAnimatableUnitlessProps);
12709
12707
  stylePropsUnitless = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, nonAnimatableUnitlessProps), {}, {
@@ -12720,14 +12718,6 @@ var init_validStyleProps_native = require_objectSpread2.__esmMin((() => {
12720
12718
  flexShrink: true,
12721
12719
  flexNegative: true,
12722
12720
  fontWeight: true,
12723
- gridRow: true,
12724
- gridRowEnd: true,
12725
- gridRowGap: true,
12726
- gridRowStart: true,
12727
- gridColumn: true,
12728
- gridColumnEnd: true,
12729
- gridColumnGap: true,
12730
- gridColumnStart: true,
12731
12721
  opacity: true,
12732
12722
  order: true,
12733
12723
  orphans: true,
@@ -12872,10 +12862,35 @@ var init_withStaticProperties_native = require_objectSpread2.__esmMin((() => {
12872
12862
  }));
12873
12863
  //#endregion
12874
12864
  //#region ../../core/helpers/dist/esm/webOnlyStyleProps.native.js
12875
- var nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
12865
+ var gridTracks, gridUnitless, gridProps, nonAnimatableWebViewProps, nonAnimatableWebTextProps, webOnlyStylePropsView, webOnlyStylePropsText;
12876
12866
  var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
12877
12867
  require_objectSpread2.init_objectSpread2();
12878
- nonAnimatableWebViewProps = {
12868
+ gridTracks = {
12869
+ gridAutoColumns: true,
12870
+ gridAutoRows: true,
12871
+ gridTemplateColumns: true,
12872
+ gridTemplateRows: true
12873
+ };
12874
+ gridUnitless = {
12875
+ grid: true,
12876
+ gridArea: true,
12877
+ gridAutoFlow: true,
12878
+ gridColumn: true,
12879
+ gridColumnEnd: true,
12880
+ gridColumnStart: true,
12881
+ gridRow: true,
12882
+ gridRowEnd: true,
12883
+ gridRowStart: true,
12884
+ gridTemplate: true,
12885
+ gridTemplateAreas: true,
12886
+ justifyItems: true,
12887
+ justifySelf: true,
12888
+ placeContent: true,
12889
+ placeItems: true,
12890
+ placeSelf: true
12891
+ };
12892
+ gridProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridTracks), gridUnitless);
12893
+ nonAnimatableWebViewProps = require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, gridProps), {}, {
12879
12894
  backgroundAttachment: true,
12880
12895
  backgroundBlendMode: true,
12881
12896
  backgroundClip: true,
@@ -12908,7 +12923,7 @@ var init_webOnlyStyleProps_native = require_objectSpread2.__esmMin((() => {
12908
12923
  touchAction: true,
12909
12924
  transformStyle: true,
12910
12925
  willChange: true
12911
- };
12926
+ });
12912
12927
  nonAnimatableWebTextProps = {
12913
12928
  whiteSpace: true,
12914
12929
  wordWrap: true,
@@ -14676,6 +14691,10 @@ function expandStyle(key, value) {
14676
14691
  case "position":
14677
14692
  if (value === "fixed" || value === "sticky") return [["position", "absolute"]];
14678
14693
  return;
14694
+ case "display":
14695
+ if (value === "grid" || value === "inline-grid") return [["display", "flex"]];
14696
+ if (value === "list-item") return [["display", "flex"]];
14697
+ return;
14679
14698
  case "backgroundImage": return [["experimental_backgroundImage", value]];
14680
14699
  case "border":
14681
14700
  if (typeof value === "string") {
@@ -27876,7 +27895,7 @@ var Separator = styledExport(View, {
27876
27895
  name: "Separator",
27877
27896
  variants: {
27878
27897
  unstyled: { false: {
27879
- borderColor: "$backgroundFocus",
27898
+ borderColor: "$borderColor",
27880
27899
  flexShrink: 0,
27881
27900
  borderWidth: 0,
27882
27901
  flex: 1,
@@ -35952,6 +35971,8 @@ exports.getVariable = getVariable;
35952
35971
  exports.getVariableName = getVariableName;
35953
35972
  exports.getVariableValue = getVariableValue;
35954
35973
  exports.getWebElement = getWebElement;
35974
+ exports.gridProps = gridProps;
35975
+ exports.gridUnitless = gridUnitless;
35955
35976
  exports.hasOpenPopovers = hasOpenPopovers;
35956
35977
  exports.inputSizeVariant = inputSizeVariant;
35957
35978
  exports.insertFont = insertFont;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanzo/gui",
3
- "version": "8.2.0",
3
+ "version": "8.2.1",
4
4
  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
5
5
  "description": "Style and UI for React (web and native) meet an optimizing compiler",
6
6
  "repository": {
@@ -101,74 +101,74 @@
101
101
  "test": "node --test css-check.test.mjs"
102
102
  },
103
103
  "dependencies": {
104
- "@hanzogui/accordion": "8.2.0",
105
- "@hanzogui/adapt": "8.2.0",
106
- "@hanzogui/alert-dialog": "8.2.0",
107
- "@hanzogui/animate": "8.2.0",
108
- "@hanzogui/animate-presence": "8.2.0",
109
- "@hanzogui/avatar": "8.2.0",
110
- "@hanzogui/button": "8.2.0",
111
- "@hanzogui/card": "8.2.0",
112
- "@hanzogui/checkbox": "8.2.0",
113
- "@hanzogui/collapsible": "8.2.0",
114
- "@hanzogui/component-helpers": "8.2.0",
115
- "@hanzogui/compose-refs": "8.2.0",
116
- "@hanzogui/constants": "8.2.0",
117
- "@hanzogui/context-menu": "8.2.0",
118
- "@hanzogui/core": "8.2.0",
119
- "@hanzogui/create-context": "8.2.0",
120
- "@hanzogui/create-menu": "8.2.0",
121
- "@hanzogui/dialog": "8.2.0",
122
- "@hanzogui/element": "8.2.0",
123
- "@hanzogui/elements": "8.2.0",
124
- "@hanzogui/fake-react-native": "8.2.0",
125
- "@hanzogui/focusable": "8.2.0",
126
- "@hanzogui/font-size": "8.2.0",
127
- "@hanzogui/form": "8.2.0",
128
- "@hanzogui/get-button-sized": "8.2.0",
129
- "@hanzogui/get-font-sized": "8.2.0",
130
- "@hanzogui/get-token": "8.2.0",
131
- "@hanzogui/group": "8.2.0",
132
- "@hanzogui/image": "8.2.0",
133
- "@hanzogui/input": "8.2.0",
134
- "@hanzogui/label": "8.2.0",
135
- "@hanzogui/linear-gradient": "8.2.0",
136
- "@hanzogui/list-item": "8.2.0",
137
- "@hanzogui/menu": "8.2.0",
138
- "@hanzogui/polyfill-dev": "8.2.0",
139
- "@hanzogui/popover": "8.2.0",
140
- "@hanzogui/popper": "8.2.0",
141
- "@hanzogui/portal": "8.2.0",
142
- "@hanzogui/progress": "8.2.0",
143
- "@hanzogui/radio-group": "8.2.0",
144
- "@hanzogui/react-native-media-driver": "8.2.0",
145
- "@hanzogui/scroll-view": "8.2.0",
146
- "@hanzogui/select": "8.2.0",
147
- "@hanzogui/separator": "8.2.0",
148
- "@hanzogui/shapes": "8.2.0",
149
- "@hanzogui/sheet": "8.2.0",
150
- "@hanzogui/slider": "8.2.0",
151
- "@hanzogui/spacer": "8.2.0",
152
- "@hanzogui/spinner": "8.2.0",
153
- "@hanzogui/stacks": "8.2.0",
154
- "@hanzogui/switch": "8.2.0",
155
- "@hanzogui/tabs": "8.2.0",
156
- "@hanzogui/telemetry": "8.2.0",
157
- "@hanzogui/text": "8.2.0",
158
- "@hanzogui/theme": "8.2.0",
159
- "@hanzogui/toast": "8.2.0",
160
- "@hanzogui/toggle-group": "8.2.0",
161
- "@hanzogui/tooltip": "8.2.0",
162
- "@hanzogui/use-controllable-state": "8.2.0",
163
- "@hanzogui/use-debounce": "8.2.0",
164
- "@hanzogui/use-force-update": "8.2.0",
165
- "@hanzogui/use-window-dimensions": "8.2.0",
166
- "@hanzogui/visually-hidden": "8.2.0",
167
- "@hanzogui/web": "8.2.0",
168
- "@hanzogui/z-index-stack": "8.2.0"
104
+ "@hanzogui/accordion": "8.2.1",
105
+ "@hanzogui/adapt": "8.2.1",
106
+ "@hanzogui/alert-dialog": "8.2.1",
107
+ "@hanzogui/animate": "8.2.1",
108
+ "@hanzogui/animate-presence": "8.2.1",
109
+ "@hanzogui/avatar": "8.2.1",
110
+ "@hanzogui/button": "8.2.1",
111
+ "@hanzogui/card": "8.2.1",
112
+ "@hanzogui/checkbox": "8.2.1",
113
+ "@hanzogui/collapsible": "8.2.1",
114
+ "@hanzogui/component-helpers": "8.2.1",
115
+ "@hanzogui/compose-refs": "8.2.1",
116
+ "@hanzogui/constants": "8.2.1",
117
+ "@hanzogui/context-menu": "8.2.1",
118
+ "@hanzogui/core": "8.2.1",
119
+ "@hanzogui/create-context": "8.2.1",
120
+ "@hanzogui/create-menu": "8.2.1",
121
+ "@hanzogui/dialog": "8.2.1",
122
+ "@hanzogui/element": "8.2.1",
123
+ "@hanzogui/elements": "8.2.1",
124
+ "@hanzogui/fake-react-native": "8.2.1",
125
+ "@hanzogui/focusable": "8.2.1",
126
+ "@hanzogui/font-size": "8.2.1",
127
+ "@hanzogui/form": "8.2.1",
128
+ "@hanzogui/get-button-sized": "8.2.1",
129
+ "@hanzogui/get-font-sized": "8.2.1",
130
+ "@hanzogui/get-token": "8.2.1",
131
+ "@hanzogui/group": "8.2.1",
132
+ "@hanzogui/image": "8.2.1",
133
+ "@hanzogui/input": "8.2.1",
134
+ "@hanzogui/label": "8.2.1",
135
+ "@hanzogui/linear-gradient": "8.2.1",
136
+ "@hanzogui/list-item": "8.2.1",
137
+ "@hanzogui/menu": "8.2.1",
138
+ "@hanzogui/polyfill-dev": "8.2.1",
139
+ "@hanzogui/popover": "8.2.1",
140
+ "@hanzogui/popper": "8.2.1",
141
+ "@hanzogui/portal": "8.2.1",
142
+ "@hanzogui/progress": "8.2.1",
143
+ "@hanzogui/radio-group": "8.2.1",
144
+ "@hanzogui/react-native-media-driver": "8.2.1",
145
+ "@hanzogui/scroll-view": "8.2.1",
146
+ "@hanzogui/select": "8.2.1",
147
+ "@hanzogui/separator": "8.2.1",
148
+ "@hanzogui/shapes": "8.2.1",
149
+ "@hanzogui/sheet": "8.2.1",
150
+ "@hanzogui/slider": "8.2.1",
151
+ "@hanzogui/spacer": "8.2.1",
152
+ "@hanzogui/spinner": "8.2.1",
153
+ "@hanzogui/stacks": "8.2.1",
154
+ "@hanzogui/switch": "8.2.1",
155
+ "@hanzogui/tabs": "8.2.1",
156
+ "@hanzogui/telemetry": "8.2.1",
157
+ "@hanzogui/text": "8.2.1",
158
+ "@hanzogui/theme": "8.2.1",
159
+ "@hanzogui/toast": "8.2.1",
160
+ "@hanzogui/toggle-group": "8.2.1",
161
+ "@hanzogui/tooltip": "8.2.1",
162
+ "@hanzogui/use-controllable-state": "8.2.1",
163
+ "@hanzogui/use-debounce": "8.2.1",
164
+ "@hanzogui/use-force-update": "8.2.1",
165
+ "@hanzogui/use-window-dimensions": "8.2.1",
166
+ "@hanzogui/visually-hidden": "8.2.1",
167
+ "@hanzogui/web": "8.2.1",
168
+ "@hanzogui/z-index-stack": "8.2.1"
169
169
  },
170
170
  "devDependencies": {
171
- "@hanzogui/build": "8.2.0",
171
+ "@hanzogui/build": "8.2.1",
172
172
  "react": ">=19",
173
173
  "react-native": "0.83.2",
174
174
  "react-native-web": "^0.21.0"