@atom-learning/components 1.8.1 → 1.10.0

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 (23) hide show
  1. package/CHANGELOG.md +7 -4
  2. package/dist/components/action-icon/ActionIcon.d.ts +43 -43
  3. package/dist/components/button/Button.d.ts +42 -42
  4. package/dist/components/dialog/DialogContent.js +1 -1
  5. package/dist/components/empty-state/EmptyState.d.ts +542 -0
  6. package/dist/components/empty-state/EmptyState.js +1 -0
  7. package/dist/components/empty-state/EmptyStateBody.d.ts +540 -0
  8. package/dist/components/empty-state/EmptyStateBody.js +1 -0
  9. package/dist/components/empty-state/EmptyStateImage.d.ts +538 -0
  10. package/dist/components/empty-state/EmptyStateImage.js +1 -0
  11. package/dist/components/empty-state/EmptyStateTitle.d.ts +267 -0
  12. package/dist/components/empty-state/EmptyStateTitle.js +1 -0
  13. package/dist/components/empty-state/index.d.ts +1 -0
  14. package/dist/components/index.d.ts +1 -0
  15. package/dist/components/label/Label.d.ts +2 -2
  16. package/dist/components/radio-button/RadioButtonGroup.d.ts +1 -1
  17. package/dist/components/stack/Stack.d.ts +1 -1
  18. package/dist/docgen.json +1 -1
  19. package/dist/docs/EmptyState.mdx +20 -0
  20. package/dist/index.cjs.js +1 -1
  21. package/dist/index.js +1 -1
  22. package/dist/stitches.d.ts +202 -202
  23. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,11 +1,14 @@
1
- ## [1.8.1](https://github.com/Atom-Learning/components/compare/v1.8.0...v1.8.1) (2022-05-10)
1
+ # [1.10.0](https://github.com/Atom-Learning/components/compare/v1.9.0...v1.10.0) (2022-05-18)
2
2
 
3
3
 
4
4
  ### Bug Fixes
5
5
 
6
- * allow on change handler in radio button field ([4ddb262](https://github.com/Atom-Learning/components/commit/4ddb2629673367deb382ecae8e5e991c1a6d40b2))
7
- * simplify radio button field `onValueChange` example ([b572256](https://github.com/Atom-Learning/components/commit/b572256b96cfe2ff229d315349fd323f5743b537))
8
- * use userEvent to simulate radio click ([1a78bf1](https://github.com/Atom-Learning/components/commit/1a78bf1af93347cbc90bf7fe45a31c0567505f5b))
6
+ * changing scroll to auto ([8e7f9f4](https://github.com/Atom-Learning/components/commit/8e7f9f4bbcf5470fe28137dab64cdf154f1f11dd))
7
+
8
+
9
+ ### Features
10
+
11
+ * dialog max height ([7b5fe69](https://github.com/Atom-Learning/components/commit/7b5fe690ed97d08866530f3868adbc82cee2848f))
9
12
 
10
13
  # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
11
14
 
package/dist/components/action-icon/ActionIcon.d.ts CHANGED
@@ -129,146 +129,146 @@ declare const StyledButton: import("@stitches/react/types/styled-component").Sty
129
129
  };
130
130
  }, import("@stitches/react/types/config").DefaultThemeMap, {
131
131
  bg: (value: {
132
- readonly [$$PropertyValue]: "background";
132
+ readonly [Stitches.$$PropertyValue]: "background";
133
133
  }) => {
134
134
  background: {
135
- readonly [$$PropertyValue]: "background";
135
+ readonly [Stitches.$$PropertyValue]: "background";
136
136
  };
137
137
  };
138
138
  inset: (value: string | number | {
139
- readonly [$$ScaleValue]: "space";
139
+ readonly [Stitches.$$ScaleValue]: "space";
140
140
  }) => {
141
141
  top: string | number | {
142
- readonly [$$ScaleValue]: "space";
142
+ readonly [Stitches.$$ScaleValue]: "space";
143
143
  };
144
144
  right: string | number | {
145
- readonly [$$ScaleValue]: "space";
145
+ readonly [Stitches.$$ScaleValue]: "space";
146
146
  };
147
147
  bottom: string | number | {
148
- readonly [$$ScaleValue]: "space";
148
+ readonly [Stitches.$$ScaleValue]: "space";
149
149
  };
150
150
  left: string | number | {
151
- readonly [$$ScaleValue]: "space";
151
+ readonly [Stitches.$$ScaleValue]: "space";
152
152
  };
153
153
  };
154
154
  size: (value: string | number | {
155
- readonly [$$ScaleValue]: "size";
155
+ readonly [Stitches.$$ScaleValue]: "size";
156
156
  }) => {
157
157
  height: string | number | {
158
- readonly [$$ScaleValue]: "size";
158
+ readonly [Stitches.$$ScaleValue]: "size";
159
159
  };
160
160
  width: string | number | {
161
- readonly [$$ScaleValue]: "size";
161
+ readonly [Stitches.$$ScaleValue]: "size";
162
162
  };
163
163
  };
164
164
  p: (value: string | number | {
165
- readonly [$$ScaleValue]: "space";
165
+ readonly [Stitches.$$ScaleValue]: "space";
166
166
  }) => {
167
167
  padding: string | number | {
168
- readonly [$$ScaleValue]: "space";
168
+ readonly [Stitches.$$ScaleValue]: "space";
169
169
  };
170
170
  };
171
171
  pt: (value: string | number | {
172
- readonly [$$ScaleValue]: "space";
172
+ readonly [Stitches.$$ScaleValue]: "space";
173
173
  }) => {
174
174
  paddingTop: string | number | {
175
- readonly [$$ScaleValue]: "space";
175
+ readonly [Stitches.$$ScaleValue]: "space";
176
176
  };
177
177
  };
178
178
  pr: (value: string | number | {
179
- readonly [$$ScaleValue]: "space";
179
+ readonly [Stitches.$$ScaleValue]: "space";
180
180
  }) => {
181
181
  paddingRight: string | number | {
182
- readonly [$$ScaleValue]: "space";
182
+ readonly [Stitches.$$ScaleValue]: "space";
183
183
  };
184
184
  };
185
185
  pb: (value: string | number | {
186
- readonly [$$ScaleValue]: "space";
186
+ readonly [Stitches.$$ScaleValue]: "space";
187
187
  }) => {
188
188
  paddingBottom: string | number | {
189
- readonly [$$ScaleValue]: "space";
189
+ readonly [Stitches.$$ScaleValue]: "space";
190
190
  };
191
191
  };
192
192
  pl: (value: string | number | {
193
- readonly [$$ScaleValue]: "space";
193
+ readonly [Stitches.$$ScaleValue]: "space";
194
194
  }) => {
195
195
  paddingLeft: string | number | {
196
- readonly [$$ScaleValue]: "space";
196
+ readonly [Stitches.$$ScaleValue]: "space";
197
197
  };
198
198
  };
199
199
  px: (value: string | number | {
200
- readonly [$$ScaleValue]: "space";
200
+ readonly [Stitches.$$ScaleValue]: "space";
201
201
  }) => {
202
202
  paddingLeft: string | number | {
203
- readonly [$$ScaleValue]: "space";
203
+ readonly [Stitches.$$ScaleValue]: "space";
204
204
  };
205
205
  paddingRight: string | number | {
206
- readonly [$$ScaleValue]: "space";
206
+ readonly [Stitches.$$ScaleValue]: "space";
207
207
  };
208
208
  };
209
209
  py: (value: string | number | {
210
- readonly [$$ScaleValue]: "space";
210
+ readonly [Stitches.$$ScaleValue]: "space";
211
211
  }) => {
212
212
  paddingTop: string | number | {
213
- readonly [$$ScaleValue]: "space";
213
+ readonly [Stitches.$$ScaleValue]: "space";
214
214
  };
215
215
  paddingBottom: string | number | {
216
- readonly [$$ScaleValue]: "space";
216
+ readonly [Stitches.$$ScaleValue]: "space";
217
217
  };
218
218
  };
219
219
  m: (value: string | number | {
220
- readonly [$$ScaleValue]: "space";
220
+ readonly [Stitches.$$ScaleValue]: "space";
221
221
  }) => {
222
222
  margin: string | number | {
223
- readonly [$$ScaleValue]: "space";
223
+ readonly [Stitches.$$ScaleValue]: "space";
224
224
  };
225
225
  };
226
226
  mt: (value: string | number | {
227
- readonly [$$ScaleValue]: "space";
227
+ readonly [Stitches.$$ScaleValue]: "space";
228
228
  }) => {
229
229
  marginTop: string | number | {
230
- readonly [$$ScaleValue]: "space";
230
+ readonly [Stitches.$$ScaleValue]: "space";
231
231
  };
232
232
  };
233
233
  mr: (value: string | number | {
234
- readonly [$$ScaleValue]: "space";
234
+ readonly [Stitches.$$ScaleValue]: "space";
235
235
  }) => {
236
236
  marginRight: string | number | {
237
- readonly [$$ScaleValue]: "space";
237
+ readonly [Stitches.$$ScaleValue]: "space";
238
238
  };
239
239
  };
240
240
  mb: (value: string | number | {
241
- readonly [$$ScaleValue]: "space";
241
+ readonly [Stitches.$$ScaleValue]: "space";
242
242
  }) => {
243
243
  marginBottom: string | number | {
244
- readonly [$$ScaleValue]: "space";
244
+ readonly [Stitches.$$ScaleValue]: "space";
245
245
  };
246
246
  };
247
247
  ml: (value: string | number | {
248
- readonly [$$ScaleValue]: "space";
248
+ readonly [Stitches.$$ScaleValue]: "space";
249
249
  }) => {
250
250
  marginLeft: string | number | {
251
- readonly [$$ScaleValue]: "space";
251
+ readonly [Stitches.$$ScaleValue]: "space";
252
252
  };
253
253
  };
254
254
  mx: (value: string | number | {
255
- readonly [$$ScaleValue]: "space";
255
+ readonly [Stitches.$$ScaleValue]: "space";
256
256
  }) => {
257
257
  marginLeft: string | number | {
258
- readonly [$$ScaleValue]: "space";
258
+ readonly [Stitches.$$ScaleValue]: "space";
259
259
  };
260
260
  marginRight: string | number | {
261
- readonly [$$ScaleValue]: "space";
261
+ readonly [Stitches.$$ScaleValue]: "space";
262
262
  };
263
263
  };
264
264
  my: (value: string | number | {
265
- readonly [$$ScaleValue]: "space";
265
+ readonly [Stitches.$$ScaleValue]: "space";
266
266
  }) => {
267
267
  marginTop: string | number | {
268
- readonly [$$ScaleValue]: "space";
268
+ readonly [Stitches.$$ScaleValue]: "space";
269
269
  };
270
270
  marginBottom: string | number | {
271
- readonly [$$ScaleValue]: "space";
271
+ readonly [Stitches.$$ScaleValue]: "space";
272
272
  };
273
273
  };
274
274
  }>>;
@@ -277,5 +277,5 @@ declare type ActionIconProps = Override<React.ComponentProps<typeof StyledButton
277
277
  children: React.ReactNode;
278
278
  label: string;
279
279
  } & NavigatorActions>;
280
- export declare const ActionIcon: React.ForwardRefExoticComponent<Pick<ActionIconProps, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onChange" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "hidden" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isRounded" | keyof NavigatorActions> & React.RefAttributes<HTMLButtonElement>>;
280
+ export declare const ActionIcon: React.ForwardRefExoticComponent<Pick<ActionIconProps, "appearance" | "color" | "translate" | "size" | "css" | "theme" | "onBlur" | "onChange" | "onSubmit" | "form" | "label" | "slot" | "style" | "title" | "key" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "disabled" | "value" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "isRounded" | keyof NavigatorActions> & React.RefAttributes<HTMLButtonElement>>;
281
281
  export {};
package/dist/components/button/Button.d.ts CHANGED
@@ -131,146 +131,146 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
131
131
  };
132
132
  }, import("@stitches/react/types/config").DefaultThemeMap, {
133
133
  bg: (value: {
134
- readonly [$$PropertyValue]: "background";
134
+ readonly [Stitches.$$PropertyValue]: "background";
135
135
  }) => {
136
136
  background: {
137
- readonly [$$PropertyValue]: "background";
137
+ readonly [Stitches.$$PropertyValue]: "background";
138
138
  };
139
139
  };
140
140
  inset: (value: string | number | {
141
- readonly [$$ScaleValue]: "space";
141
+ readonly [Stitches.$$ScaleValue]: "space";
142
142
  }) => {
143
143
  top: string | number | {
144
- readonly [$$ScaleValue]: "space";
144
+ readonly [Stitches.$$ScaleValue]: "space";
145
145
  };
146
146
  right: string | number | {
147
- readonly [$$ScaleValue]: "space";
147
+ readonly [Stitches.$$ScaleValue]: "space";
148
148
  };
149
149
  bottom: string | number | {
150
- readonly [$$ScaleValue]: "space";
150
+ readonly [Stitches.$$ScaleValue]: "space";
151
151
  };
152
152
  left: string | number | {
153
- readonly [$$ScaleValue]: "space";
153
+ readonly [Stitches.$$ScaleValue]: "space";
154
154
  };
155
155
  };
156
156
  size: (value: string | number | {
157
- readonly [$$ScaleValue]: "size";
157
+ readonly [Stitches.$$ScaleValue]: "size";
158
158
  }) => {
159
159
  height: string | number | {
160
- readonly [$$ScaleValue]: "size";
160
+ readonly [Stitches.$$ScaleValue]: "size";
161
161
  };
162
162
  width: string | number | {
163
- readonly [$$ScaleValue]: "size";
163
+ readonly [Stitches.$$ScaleValue]: "size";
164
164
  };
165
165
  };
166
166
  p: (value: string | number | {
167
- readonly [$$ScaleValue]: "space";
167
+ readonly [Stitches.$$ScaleValue]: "space";
168
168
  }) => {
169
169
  padding: string | number | {
170
- readonly [$$ScaleValue]: "space";
170
+ readonly [Stitches.$$ScaleValue]: "space";
171
171
  };
172
172
  };
173
173
  pt: (value: string | number | {
174
- readonly [$$ScaleValue]: "space";
174
+ readonly [Stitches.$$ScaleValue]: "space";
175
175
  }) => {
176
176
  paddingTop: string | number | {
177
- readonly [$$ScaleValue]: "space";
177
+ readonly [Stitches.$$ScaleValue]: "space";
178
178
  };
179
179
  };
180
180
  pr: (value: string | number | {
181
- readonly [$$ScaleValue]: "space";
181
+ readonly [Stitches.$$ScaleValue]: "space";
182
182
  }) => {
183
183
  paddingRight: string | number | {
184
- readonly [$$ScaleValue]: "space";
184
+ readonly [Stitches.$$ScaleValue]: "space";
185
185
  };
186
186
  };
187
187
  pb: (value: string | number | {
188
- readonly [$$ScaleValue]: "space";
188
+ readonly [Stitches.$$ScaleValue]: "space";
189
189
  }) => {
190
190
  paddingBottom: string | number | {
191
- readonly [$$ScaleValue]: "space";
191
+ readonly [Stitches.$$ScaleValue]: "space";
192
192
  };
193
193
  };
194
194
  pl: (value: string | number | {
195
- readonly [$$ScaleValue]: "space";
195
+ readonly [Stitches.$$ScaleValue]: "space";
196
196
  }) => {
197
197
  paddingLeft: string | number | {
198
- readonly [$$ScaleValue]: "space";
198
+ readonly [Stitches.$$ScaleValue]: "space";
199
199
  };
200
200
  };
201
201
  px: (value: string | number | {
202
- readonly [$$ScaleValue]: "space";
202
+ readonly [Stitches.$$ScaleValue]: "space";
203
203
  }) => {
204
204
  paddingLeft: string | number | {
205
- readonly [$$ScaleValue]: "space";
205
+ readonly [Stitches.$$ScaleValue]: "space";
206
206
  };
207
207
  paddingRight: string | number | {
208
- readonly [$$ScaleValue]: "space";
208
+ readonly [Stitches.$$ScaleValue]: "space";
209
209
  };
210
210
  };
211
211
  py: (value: string | number | {
212
- readonly [$$ScaleValue]: "space";
212
+ readonly [Stitches.$$ScaleValue]: "space";
213
213
  }) => {
214
214
  paddingTop: string | number | {
215
- readonly [$$ScaleValue]: "space";
215
+ readonly [Stitches.$$ScaleValue]: "space";
216
216
  };
217
217
  paddingBottom: string | number | {
218
- readonly [$$ScaleValue]: "space";
218
+ readonly [Stitches.$$ScaleValue]: "space";
219
219
  };
220
220
  };
221
221
  m: (value: string | number | {
222
- readonly [$$ScaleValue]: "space";
222
+ readonly [Stitches.$$ScaleValue]: "space";
223
223
  }) => {
224
224
  margin: string | number | {
225
- readonly [$$ScaleValue]: "space";
225
+ readonly [Stitches.$$ScaleValue]: "space";
226
226
  };
227
227
  };
228
228
  mt: (value: string | number | {
229
- readonly [$$ScaleValue]: "space";
229
+ readonly [Stitches.$$ScaleValue]: "space";
230
230
  }) => {
231
231
  marginTop: string | number | {
232
- readonly [$$ScaleValue]: "space";
232
+ readonly [Stitches.$$ScaleValue]: "space";
233
233
  };
234
234
  };
235
235
  mr: (value: string | number | {
236
- readonly [$$ScaleValue]: "space";
236
+ readonly [Stitches.$$ScaleValue]: "space";
237
237
  }) => {
238
238
  marginRight: string | number | {
239
- readonly [$$ScaleValue]: "space";
239
+ readonly [Stitches.$$ScaleValue]: "space";
240
240
  };
241
241
  };
242
242
  mb: (value: string | number | {
243
- readonly [$$ScaleValue]: "space";
243
+ readonly [Stitches.$$ScaleValue]: "space";
244
244
  }) => {
245
245
  marginBottom: string | number | {
246
- readonly [$$ScaleValue]: "space";
246
+ readonly [Stitches.$$ScaleValue]: "space";
247
247
  };
248
248
  };
249
249
  ml: (value: string | number | {
250
- readonly [$$ScaleValue]: "space";
250
+ readonly [Stitches.$$ScaleValue]: "space";
251
251
  }) => {
252
252
  marginLeft: string | number | {
253
- readonly [$$ScaleValue]: "space";
253
+ readonly [Stitches.$$ScaleValue]: "space";
254
254
  };
255
255
  };
256
256
  mx: (value: string | number | {
257
- readonly [$$ScaleValue]: "space";
257
+ readonly [Stitches.$$ScaleValue]: "space";
258
258
  }) => {
259
259
  marginLeft: string | number | {
260
- readonly [$$ScaleValue]: "space";
260
+ readonly [Stitches.$$ScaleValue]: "space";
261
261
  };
262
262
  marginRight: string | number | {
263
- readonly [$$ScaleValue]: "space";
263
+ readonly [Stitches.$$ScaleValue]: "space";
264
264
  };
265
265
  };
266
266
  my: (value: string | number | {
267
- readonly [$$ScaleValue]: "space";
267
+ readonly [Stitches.$$ScaleValue]: "space";
268
268
  }) => {
269
269
  marginTop: string | number | {
270
- readonly [$$ScaleValue]: "space";
270
+ readonly [Stitches.$$ScaleValue]: "space";
271
271
  };
272
272
  marginBottom: string | number | {
273
- readonly [$$ScaleValue]: "space";
273
+ readonly [Stitches.$$ScaleValue]: "space";
274
274
  };
275
275
  };
276
276
  }>>;
package/dist/components/dialog/DialogContent.js CHANGED
@@ -1 +1 @@
1
- import{Close as u}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as g,Close as h}from"@radix-ui/react-dialog";import{createElement as o}from"react";import{keyframes as n,styled as i}from"../../stitches.js";import{ActionIcon as w}from"../action-icon/ActionIcon.js";import{Icon as $}from"../icon/Icon.js";import{fadeIn as v,fadeOut as I}from"../../utilities/style/keyframe-animations.js";const t="translate3d(-50%, -50%, 0)",s="translate3d(-50%, 50vh, 0)",r="modal_overlay",l=2147483646,O=n({"0%":{transform:s},"100%":{transform:t}}),y=n({"0%":{transform:t},"100%":{transform:s}}),C=i(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:l,"@allowMotion":{'&[data-state="open"]':{animation:`${v} 250ms ease-out`},'&[data-state="closed"]':{animation:`${I} 550ms ease-out`}}}),D=i(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",p:"$5",position:"fixed",top:"50%",transform:t,zIndex:l,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${O} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${y} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),z=({size:d="sm",children:m,closeDialogText:c="Close dialog",showCloseButton:f=!0,...p})=>o(g,null,o(C,{id:r},o(D,{size:d,"aria-label":"Dialog",onPointerDownOutside:e=>{const a=e.target;(a==null?void 0:a.id)!==r&&e.preventDefault()},...p},f&&o(w,{as:h,css:{position:"absolute",right:"$4",top:"$4"},label:c,size:"lg",theme:"neutral"},o($,{is:u})),m)));export{z as DialogContent};
1
+ import{Close as u}from"@atom-learning/icons";import{Overlay as x,Content as b,Portal as h,Close as g}from"@radix-ui/react-dialog";import{createElement as o}from"react";import{keyframes as n,styled as i}from"../../stitches.js";import{ActionIcon as w}from"../action-icon/ActionIcon.js";import{Icon as v}from"../icon/Icon.js";import{fadeIn as $,fadeOut as I}from"../../utilities/style/keyframe-animations.js";const t="translate3d(-50%, -50%, 0)",s="translate3d(-50%, 50vh, 0)",r="modal_overlay",l=2147483646,O=n({"0%":{transform:s},"100%":{transform:t}}),y=n({"0%":{transform:t},"100%":{transform:s}}),C=i(x,{backgroundColor:"$alpha600",inset:0,position:"fixed",overflowY:"auto",zIndex:l,"@allowMotion":{'&[data-state="open"]':{animation:`${$} 250ms ease-out`},'&[data-state="closed"]':{animation:`${I} 550ms ease-out`}}}),D=i(b,{bg:"white",borderRadius:"$1",boxShadow:"$3",boxSizing:"border-box",left:"50%",maxWidth:"90vw",maxHeight:"90vh",overflowY:"auto",p:"$5",position:"fixed",top:"50%",transform:t,zIndex:l,"&:focus":{outline:"none"},"@allowMotion":{'&[data-state="open"]':{animation:`${O} 550ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${y} 550ms cubic-bezier(0.22, 1, 0.36, 1)`}},variants:{size:{xs:{width:"380px"},sm:{width:"480px"},md:{width:"600px"},lg:{width:"800px"},xl:{width:"1100px"}}}}),z=({size:d="sm",children:m,closeDialogText:c="Close dialog",showCloseButton:f=!0,...p})=>o(h,null,o(C,{id:r},o(D,{size:d,"aria-label":"Dialog",onPointerDownOutside:e=>{const a=e.target;(a==null?void 0:a.id)!==r&&e.preventDefault()},...p},f&&o(w,{as:g,css:{position:"absolute",right:"$4",top:"$4"},label:c,size:"lg",theme:"neutral"},o(v,{is:u})),m)));export{z as DialogContent};