amotify 0.2.84 → 0.2.86

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/demo/esbuild/app.tsx +97 -52
  2. package/demo/esbuild/public/index.js +38 -38
  3. package/dist/fn/Input/List.d.ts +3 -0
  4. package/dist/fn/Input/List.js +1 -1
  5. package/dist/fn/Input/Time/Picker.js +1 -1
  6. package/package.json +1 -1
package/demo/esbuild/app.tsx CHANGED
@@ -86,65 +86,110 @@ let Test = () => {
86
86
  optionElms.push( <option key={ i } value={ i }>{ i }</option> )
87
87
  }
88
88
  return <>
89
+ {/* <DesignBook
90
+ /> */}
89
91
  <Row.Center
90
92
  flexCenter
91
93
  freeCSS={ {
92
94
  height: '100vh'
93
95
  } }
94
96
  >
95
- <Button.Prime
96
- onClick={ () => {
97
- Sheet.open( {
98
- type: 'normal.middleCenter',
99
- hold_state: true,
100
- content: () => {
101
- return <Sheet.Body>
102
- <Column
103
- padding={ 2 }
104
- >
105
- <Button.Sub
106
- ssEffectsOnActive='ripple.theme'
107
- onClick={ ( e ) => {
108
- Tooltips.open( {
109
- parent: e.currentTarget,
110
- closeAtParentBlur: false,
111
- content: <Tooltips.Body>
112
- <Column
113
- padding={ 4 }
114
- >
115
- AAAA
116
- </Column>
117
- </Tooltips.Body>
118
- } )
119
- } }
120
- >
121
- Open Tooltips
122
- </Button.Sub>
123
- </Column>
124
- </Sheet.Body>
125
- }
126
- } )
127
- } }
128
- >
129
- Submit
130
- </Button.Prime>
131
- <Button.Prime
132
- onClick={ () => {
133
- OpenSheetA()
134
- } }
135
- >
136
- Sheet A
137
- </Button.Prime>
138
- <Button.Prime
139
- onClick={ () => {
140
- OpenSheetB()
141
- } }
142
- >
143
- Sheet B
144
- </Button.Prime>
97
+ <Column gap={ 2 }>
98
+ <Input.Radio
99
+ gap={ 1 }
100
+ iconSize='small'
101
+ value={ 1 }
102
+ options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
103
+ />
104
+ <Input.Radio
105
+ gap={ 1 }
106
+ // iconSize='large'
107
+ value={ 1 }
108
+ options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
109
+ />
110
+ <Input.Radio
111
+ gap={ 1 }
112
+ iconSize='large'
113
+ value={ 1 }
114
+ options={ [
115
+ { value: 1,label: <Box>Option1</Box> },
116
+ { value: 2,label: <Box>Option2</Box> },
117
+ { value: 3,label: <Box>Option3</Box> }
118
+ ] }
119
+ />
120
+ <Input.Checkbox
121
+ gap={ 1 }
122
+ iconSize='small'
123
+ value={ 1 }
124
+ options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
125
+ />
126
+ <Input.Checkbox
127
+ gap={ 1 }
128
+ // iconSize='large'
129
+ value={ 1 }
130
+ options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
131
+ />
132
+ <Input.Checkbox
133
+ gap={ 1 }
134
+ iconSize='large'
135
+ value={ 1 }
136
+ options={ [ { value: 1,label: "Option1" },{ value: 2,label: "Option2" },{ value: 3,label: "Option3" } ] }
137
+ />
138
+
139
+ <Row.Center>
140
+ <Button.Prime
141
+ onClick={ () => {
142
+ Sheet.open( {
143
+ type: 'normal.middleCenter',
144
+ hold_state: true,
145
+ content: () => {
146
+ return <Sheet.Body>
147
+ <Column
148
+ padding={ 2 }
149
+ >
150
+ <Button.Sub
151
+ ssEffectsOnActive='ripple.theme'
152
+ onClick={ ( e ) => {
153
+ Tooltips.open( {
154
+ parent: e.currentTarget,
155
+ closeAtParentBlur: false,
156
+ content: <Tooltips.Body>
157
+ <Column
158
+ padding={ 4 }
159
+ >
160
+ AAAA
161
+ </Column>
162
+ </Tooltips.Body>
163
+ } )
164
+ } }
165
+ >
166
+ Open Tooltips
167
+ </Button.Sub>
168
+ </Column>
169
+ </Sheet.Body>
170
+ }
171
+ } )
172
+ } }
173
+ >
174
+ Submit
175
+ </Button.Prime>
176
+ <Button.Prime
177
+ onClick={ () => {
178
+ OpenSheetA()
179
+ } }
180
+ >
181
+ Sheet A
182
+ </Button.Prime>
183
+ <Button.Prime
184
+ onClick={ () => {
185
+ OpenSheetB()
186
+ } }
187
+ >
188
+ Sheet B
189
+ </Button.Prime>
190
+ </Row.Center>
191
+ </Column>
145
192
  </Row.Center>
146
- {/* <DesignBook
147
- /> */}
148
193
  </>
149
194
  }
150
195