@atom-learning/components 2.4.0 → 2.4.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 (6) hide show
  1. package/CHANGELOG.md +3 -3
  2. package/dist/components/empty-state/EmptyStateImage.d.ts +6 -273
  3. package/dist/components/empty-state/EmptyStateImage.js +1 -1
  4. package/dist/docgen.json +1 -1
  5. package/dist/index.cjs.js +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,9 +1,9 @@
1
- # [2.4.0](https://github.com/Atom-Learning/components/compare/v2.3.0...v2.4.0) (2022-09-21)
1
+ ## [2.4.1](https://github.com/Atom-Learning/components/compare/v2.4.0...v2.4.1) (2022-09-21)
2
2
 
3
3
 
4
- ### Features
4
+ ### Bug Fixes
5
5
 
6
- * search field ([745c5bd](https://github.com/Atom-Learning/components/commit/745c5bd06206abbc5afc64399be3a9b5ee3d3db9))
6
+ * empty state image size ([08517df](https://github.com/Atom-Learning/components/commit/08517df0c233aedf89c169afbb5f5d39cbe33238))
7
7
 
8
8
  # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
9
9
 
package/dist/components/empty-state/EmptyStateImage.d.ts CHANGED
@@ -1,276 +1,6 @@
1
- /// <reference types="react" />
2
- export declare const EmptyStateImage: import("@stitches/react/types/styled-component").StyledComponent<import("react").FC<Omit<Pick<Omit<Pick<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement>> & {
3
- ref?: ((instance: HTMLImageElement | null) => void) | import("react").RefObject<HTMLImageElement> | null | undefined;
4
- }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
5
- sm: string;
6
- md: string;
7
- lg: string;
8
- xl: string;
9
- reducedMotion: string;
10
- allowMotion: string;
11
- hover: string;
12
- }> & {
13
- css?: import("@stitches/react/types/css-util").CSS<{
14
- sm: string;
15
- md: string;
16
- lg: string;
17
- xl: string;
18
- reducedMotion: string;
19
- allowMotion: string;
20
- hover: string;
21
- }, {
22
- colors: {
23
- textForeground: any;
24
- textSubtle: any;
25
- textPlaceholder: any;
26
- background: any;
27
- backgroundAccent: any;
28
- tonal50: any;
29
- tonal100: any;
30
- tonal200: any;
31
- tonal300: any;
32
- tonal400: any;
33
- tonal500: any;
34
- tonal600: any;
35
- alpha100: any;
36
- alpha150: any;
37
- alpha200: any;
38
- alpha250: any;
39
- alpha600: any;
40
- primaryLight: any;
41
- primary: any;
42
- primaryMid: any;
43
- primaryDark: any;
44
- secondary: any;
45
- brandRed: any;
46
- brandRedAccent: any;
47
- brandGreen: any;
48
- brandGreenAccent: any;
49
- brandPurple: any;
50
- brandPurpleAccent: any;
51
- brandYellow: any;
52
- brandYellowAccent: any;
53
- successLight: any;
54
- success: any;
55
- successMid: any;
56
- successDark: any;
57
- dangerLight: any;
58
- danger: any;
59
- dangerMid: any;
60
- dangerDark: any;
61
- warningLight: any;
62
- warning: any;
63
- warningMid: any;
64
- warningDark: any;
65
- warningText: any;
66
- subjectEnglish: any;
67
- subjectMaths: any;
68
- subjectScience: any;
69
- subjectVerbalReasoning: any;
70
- subjectNonVerbalReasoning: any;
71
- subjectCreativeWriting: any;
72
- subjectExamSkills: any;
73
- };
74
- space: {
75
- "0": any;
76
- "1": any;
77
- "2": any;
78
- "3": any;
79
- "4": any;
80
- "5": any;
81
- "6": any;
82
- "7": any;
83
- "8": any;
84
- "9": any;
85
- };
86
- fontSizes: {
87
- xs: any;
88
- sm: any;
89
- md: any;
90
- lg: any;
91
- xl: any;
92
- "2xl": any;
93
- "3xl": any;
94
- "4xl": any;
95
- };
96
- fonts: {
97
- sans: any;
98
- mono: any;
99
- display: any;
100
- body: any;
101
- };
102
- sizes: {
103
- "0": any;
104
- "1": any;
105
- "2": any;
106
- "3": any;
107
- "4": any;
108
- "5": any;
109
- "6": any;
110
- "7": any;
111
- "8": any;
112
- };
113
- radii: {
114
- "0": any;
115
- "1": any;
116
- "2": any;
117
- "3": any;
118
- round: any;
119
- };
120
- shadows: {
121
- "0": any;
122
- "1": any;
123
- "2": any;
124
- "3": any;
125
- };
126
- }, import("@stitches/react/types/config").DefaultThemeMap, {
127
- bg: (value: {
128
- readonly [$$PropertyValue]: "background";
129
- }) => {
130
- background: {
131
- readonly [$$PropertyValue]: "background";
132
- };
133
- };
134
- inset: (value: string | number | {
135
- readonly [$$ScaleValue]: "space";
136
- }) => {
137
- top: string | number | {
138
- readonly [$$ScaleValue]: "space";
139
- };
140
- right: string | number | {
141
- readonly [$$ScaleValue]: "space";
142
- };
143
- bottom: string | number | {
144
- readonly [$$ScaleValue]: "space";
145
- };
146
- left: string | number | {
147
- readonly [$$ScaleValue]: "space";
148
- };
149
- };
150
- size: (value: string | number | {
151
- readonly [$$ScaleValue]: "size";
152
- }) => {
153
- height: string | number | {
154
- readonly [$$ScaleValue]: "size";
155
- };
156
- width: string | number | {
157
- readonly [$$ScaleValue]: "size";
158
- };
159
- };
160
- p: (value: string | number | {
161
- readonly [$$ScaleValue]: "space";
162
- }) => {
163
- padding: string | number | {
164
- readonly [$$ScaleValue]: "space";
165
- };
166
- };
167
- pt: (value: string | number | {
168
- readonly [$$ScaleValue]: "space";
169
- }) => {
170
- paddingTop: string | number | {
171
- readonly [$$ScaleValue]: "space";
172
- };
173
- };
174
- pr: (value: string | number | {
175
- readonly [$$ScaleValue]: "space";
176
- }) => {
177
- paddingRight: string | number | {
178
- readonly [$$ScaleValue]: "space";
179
- };
180
- };
181
- pb: (value: string | number | {
182
- readonly [$$ScaleValue]: "space";
183
- }) => {
184
- paddingBottom: string | number | {
185
- readonly [$$ScaleValue]: "space";
186
- };
187
- };
188
- pl: (value: string | number | {
189
- readonly [$$ScaleValue]: "space";
190
- }) => {
191
- paddingLeft: string | number | {
192
- readonly [$$ScaleValue]: "space";
193
- };
194
- };
195
- px: (value: string | number | {
196
- readonly [$$ScaleValue]: "space";
197
- }) => {
198
- paddingLeft: string | number | {
199
- readonly [$$ScaleValue]: "space";
200
- };
201
- paddingRight: string | number | {
202
- readonly [$$ScaleValue]: "space";
203
- };
204
- };
205
- py: (value: string | number | {
206
- readonly [$$ScaleValue]: "space";
207
- }) => {
208
- paddingTop: string | number | {
209
- readonly [$$ScaleValue]: "space";
210
- };
211
- paddingBottom: string | number | {
212
- readonly [$$ScaleValue]: "space";
213
- };
214
- };
215
- m: (value: string | number | {
216
- readonly [$$ScaleValue]: "space";
217
- }) => {
218
- margin: string | number | {
219
- readonly [$$ScaleValue]: "space";
220
- };
221
- };
222
- mt: (value: string | number | {
223
- readonly [$$ScaleValue]: "space";
224
- }) => {
225
- marginTop: string | number | {
226
- readonly [$$ScaleValue]: "space";
227
- };
228
- };
229
- mr: (value: string | number | {
230
- readonly [$$ScaleValue]: "space";
231
- }) => {
232
- marginRight: string | number | {
233
- readonly [$$ScaleValue]: "space";
234
- };
235
- };
236
- mb: (value: string | number | {
237
- readonly [$$ScaleValue]: "space";
238
- }) => {
239
- marginBottom: string | number | {
240
- readonly [$$ScaleValue]: "space";
241
- };
242
- };
243
- ml: (value: string | number | {
244
- readonly [$$ScaleValue]: "space";
245
- }) => {
246
- marginLeft: string | number | {
247
- readonly [$$ScaleValue]: "space";
248
- };
249
- };
250
- mx: (value: string | number | {
251
- readonly [$$ScaleValue]: "space";
252
- }) => {
253
- marginLeft: string | number | {
254
- readonly [$$ScaleValue]: "space";
255
- };
256
- marginRight: string | number | {
257
- readonly [$$ScaleValue]: "space";
258
- };
259
- };
260
- my: (value: string | number | {
261
- readonly [$$ScaleValue]: "space";
262
- }) => {
263
- marginTop: string | number | {
264
- readonly [$$ScaleValue]: "space";
265
- };
266
- marginBottom: string | number | {
267
- readonly [$$ScaleValue]: "space";
268
- };
269
- };
270
- }> | undefined;
271
- }, "css" | "key" | keyof import("react").ImgHTMLAttributes<HTMLImageElement>>, "as"> & {
272
- as?: undefined;
273
- }>, {
1
+ import React from 'react';
2
+ import { Image } from '../../components/image';
3
+ declare const EmptyStateImageContainer: import("@stitches/react/types/styled-component").StyledComponent<"div", {
274
4
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
275
5
  }, {
276
6
  sm: string;
@@ -538,3 +268,6 @@ export declare const EmptyStateImage: import("@stitches/react/types/styled-compo
538
268
  };
539
269
  };
540
270
  }>>;
271
+ declare type EmptyStateImageProps = React.ComponentProps<typeof EmptyStateImageContainer> & React.ComponentProps<typeof Image>;
272
+ export declare const EmptyStateImage: React.FC<EmptyStateImageProps>;
273
+ export {};
package/dist/components/empty-state/EmptyStateImage.js CHANGED
@@ -1 +1 @@
1
- import{Image as t}from"../image/Image.js";import{styled as m}from"../../stitches.js";const i=m(t,{variants:{size:{xs:{width:"56px",height:"32px",mb:"$4"},sm:{size:"84px",mb:"$4"},md:{width:"126px",height:"72px",mb:"$4"},lg:{width:"190px",height:"142px",mb:"$5"},xl:{width:"285px",height:"213px",mb:"$5"}}}});export{i as EmptyStateImage};
1
+ import t from"react";import{Image as p}from"../image/Image.js";import{styled as e}from"../../stitches.js";const h=e("div",{variants:{size:{xs:{width:"56px",height:"32px",mb:"$4"},sm:{size:"84px",mb:"$4"},md:{width:"126px",height:"72px",mb:"$4"},lg:{width:"190px",height:"142px",mb:"$5"},xl:{width:"285px",height:"213px",mb:"$5"}}}}),x=e(p,{maxHeight:"100%"}),o=({size:i,...m})=>t.createElement(h,{size:i},t.createElement(x,{...m}));export{o as EmptyStateImage};