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