@atom-learning/components 2.4.0 → 2.5.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 (12) hide show
  1. package/CHANGELOG.md +10 -2
  2. package/dist/components/empty-state/EmptyStateImage.d.ts +6 -273
  3. package/dist/components/empty-state/EmptyStateImage.js +1 -1
  4. package/dist/components/top-bar/TopBar.d.ts +271 -1
  5. package/dist/components/top-bar/TopBar.js +1 -1
  6. package/dist/components/top-bar/TopBarBrand.d.ts +4 -1
  7. package/dist/components/top-bar/TopBarBrand.js +1 -1
  8. package/dist/docgen.json +1 -1
  9. package/dist/docs/EmptyState.mdx +1 -1
  10. package/dist/docs/TopBar.mdx +22 -0
  11. package/dist/index.cjs.js +1 -1
  12. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,9 +1,17 @@
1
- # [2.4.0](https://github.com/Atom-Learning/components/compare/v2.3.0...v2.4.0) (2022-09-21)
1
+ # [2.5.0](https://github.com/Atom-Learning/components/compare/v2.4.1...v2.5.0) (2022-09-29)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **TopBar:** add size variant ([b591220](https://github.com/Atom-Learning/components/commit/b591220ab07f8c87403207cbaad066eef9b0e983))
7
+ * **TopBar:** update snapshots ([13ef6db](https://github.com/Atom-Learning/components/commit/13ef6dbef2ab79ec12258a3b8ce4ad4fc507ba6b))
8
+ * **TopBar:** update tests and TopBar components ([15cc7b1](https://github.com/Atom-Learning/components/commit/15cc7b148dab0444fc30ae71644ebc97f84e9677))
9
+ * **TopBar:** update TopBar tests ([7f10d49](https://github.com/Atom-Learning/components/commit/7f10d495d4e62466b6528b0cf27e87179072c716))
2
10
 
3
11
 
4
12
  ### Features
5
13
 
6
- * search field ([745c5bd](https://github.com/Atom-Learning/components/commit/745c5bd06206abbc5afc64399be3a9b5ee3d3db9))
14
+ * **TopBar:** update TopBar Docs ([7037d69](https://github.com/Atom-Learning/components/commit/7037d69ba147ebc1bdfc6e47c1ffe748b7714033))
7
15
 
8
16
  # [1.4.0](https://github.com/Atom-Learning/components/compare/v1.3.0...v1.4.0) (2022-04-11)
9
17
 
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};
package/dist/components/top-bar/TopBar.d.ts CHANGED
@@ -10,7 +10,277 @@ interface TopBarSubComponents {
10
10
  Divider: typeof TopBarDivider;
11
11
  }
12
12
  declare const TopBarDivider: () => JSX.Element;
13
- interface TopBarProps {
13
+ declare const StyledRoot: import("@stitches/react/types/styled-component").StyledComponent<"div", {
14
+ hasScrolled?: boolean | "true" | undefined;
15
+ size?: "md" | "lg" | undefined;
16
+ }, {
17
+ sm: string;
18
+ md: string;
19
+ lg: string;
20
+ xl: string;
21
+ reducedMotion: string;
22
+ allowMotion: string;
23
+ hover: string;
24
+ }, import("@stitches/react/types/css-util").CSS<{
25
+ sm: string;
26
+ md: string;
27
+ lg: string;
28
+ xl: string;
29
+ reducedMotion: string;
30
+ allowMotion: string;
31
+ hover: string;
32
+ }, {
33
+ colors: {
34
+ textForeground: any;
35
+ textSubtle: any;
36
+ textPlaceholder: any;
37
+ background: any;
38
+ backgroundAccent: any;
39
+ tonal50: any;
40
+ tonal100: any;
41
+ tonal200: any;
42
+ tonal300: any;
43
+ tonal400: any;
44
+ tonal500: any;
45
+ tonal600: any;
46
+ alpha100: any;
47
+ alpha150: any;
48
+ alpha200: any;
49
+ alpha250: any;
50
+ alpha600: any;
51
+ primaryLight: any;
52
+ primary: any;
53
+ primaryMid: any;
54
+ primaryDark: any;
55
+ secondary: any;
56
+ brandRed: any;
57
+ brandRedAccent: any;
58
+ brandGreen: any;
59
+ brandGreenAccent: any;
60
+ brandPurple: any;
61
+ brandPurpleAccent: any;
62
+ brandYellow: any;
63
+ brandYellowAccent: any;
64
+ successLight: any;
65
+ success: any;
66
+ successMid: any;
67
+ successDark: any;
68
+ dangerLight: any;
69
+ danger: any;
70
+ dangerMid: any;
71
+ dangerDark: any;
72
+ warningLight: any;
73
+ warning: any;
74
+ warningMid: any;
75
+ warningDark: any;
76
+ warningText: any;
77
+ subjectEnglish: any;
78
+ subjectMaths: any;
79
+ subjectScience: any;
80
+ subjectVerbalReasoning: any;
81
+ subjectNonVerbalReasoning: any;
82
+ subjectCreativeWriting: any;
83
+ subjectExamSkills: any;
84
+ };
85
+ space: {
86
+ "0": any;
87
+ "1": any;
88
+ "2": any;
89
+ "3": any;
90
+ "4": any;
91
+ "5": any;
92
+ "6": any;
93
+ "7": any;
94
+ "8": any;
95
+ "9": any;
96
+ };
97
+ fontSizes: {
98
+ xs: any;
99
+ sm: any;
100
+ md: any;
101
+ lg: any;
102
+ xl: any;
103
+ "2xl": any;
104
+ "3xl": any;
105
+ "4xl": any;
106
+ };
107
+ fonts: {
108
+ sans: any;
109
+ mono: any;
110
+ display: any;
111
+ body: any;
112
+ };
113
+ sizes: {
114
+ "0": any;
115
+ "1": any;
116
+ "2": any;
117
+ "3": any;
118
+ "4": any;
119
+ "5": any;
120
+ "6": any;
121
+ "7": any;
122
+ "8": any;
123
+ };
124
+ radii: {
125
+ "0": any;
126
+ "1": any;
127
+ "2": any;
128
+ "3": any;
129
+ round: any;
130
+ };
131
+ shadows: {
132
+ "0": any;
133
+ "1": any;
134
+ "2": any;
135
+ "3": any;
136
+ };
137
+ }, import("@stitches/react/types/config").DefaultThemeMap, {
138
+ bg: (value: {
139
+ readonly [$$PropertyValue]: "background";
140
+ }) => {
141
+ background: {
142
+ readonly [$$PropertyValue]: "background";
143
+ };
144
+ };
145
+ inset: (value: string | number | {
146
+ readonly [$$ScaleValue]: "space";
147
+ }) => {
148
+ top: string | number | {
149
+ readonly [$$ScaleValue]: "space";
150
+ };
151
+ right: string | number | {
152
+ readonly [$$ScaleValue]: "space";
153
+ };
154
+ bottom: string | number | {
155
+ readonly [$$ScaleValue]: "space";
156
+ };
157
+ left: string | number | {
158
+ readonly [$$ScaleValue]: "space";
159
+ };
160
+ };
161
+ size: (value: string | number | {
162
+ readonly [$$ScaleValue]: "size";
163
+ }) => {
164
+ height: string | number | {
165
+ readonly [$$ScaleValue]: "size";
166
+ };
167
+ width: string | number | {
168
+ readonly [$$ScaleValue]: "size";
169
+ };
170
+ };
171
+ p: (value: string | number | {
172
+ readonly [$$ScaleValue]: "space";
173
+ }) => {
174
+ padding: string | number | {
175
+ readonly [$$ScaleValue]: "space";
176
+ };
177
+ };
178
+ pt: (value: string | number | {
179
+ readonly [$$ScaleValue]: "space";
180
+ }) => {
181
+ paddingTop: string | number | {
182
+ readonly [$$ScaleValue]: "space";
183
+ };
184
+ };
185
+ pr: (value: string | number | {
186
+ readonly [$$ScaleValue]: "space";
187
+ }) => {
188
+ paddingRight: string | number | {
189
+ readonly [$$ScaleValue]: "space";
190
+ };
191
+ };
192
+ pb: (value: string | number | {
193
+ readonly [$$ScaleValue]: "space";
194
+ }) => {
195
+ paddingBottom: string | number | {
196
+ readonly [$$ScaleValue]: "space";
197
+ };
198
+ };
199
+ pl: (value: string | number | {
200
+ readonly [$$ScaleValue]: "space";
201
+ }) => {
202
+ paddingLeft: string | number | {
203
+ readonly [$$ScaleValue]: "space";
204
+ };
205
+ };
206
+ px: (value: string | number | {
207
+ readonly [$$ScaleValue]: "space";
208
+ }) => {
209
+ paddingLeft: string | number | {
210
+ readonly [$$ScaleValue]: "space";
211
+ };
212
+ paddingRight: string | number | {
213
+ readonly [$$ScaleValue]: "space";
214
+ };
215
+ };
216
+ py: (value: string | number | {
217
+ readonly [$$ScaleValue]: "space";
218
+ }) => {
219
+ paddingTop: string | number | {
220
+ readonly [$$ScaleValue]: "space";
221
+ };
222
+ paddingBottom: string | number | {
223
+ readonly [$$ScaleValue]: "space";
224
+ };
225
+ };
226
+ m: (value: string | number | {
227
+ readonly [$$ScaleValue]: "space";
228
+ }) => {
229
+ margin: string | number | {
230
+ readonly [$$ScaleValue]: "space";
231
+ };
232
+ };
233
+ mt: (value: string | number | {
234
+ readonly [$$ScaleValue]: "space";
235
+ }) => {
236
+ marginTop: string | number | {
237
+ readonly [$$ScaleValue]: "space";
238
+ };
239
+ };
240
+ mr: (value: string | number | {
241
+ readonly [$$ScaleValue]: "space";
242
+ }) => {
243
+ marginRight: string | number | {
244
+ readonly [$$ScaleValue]: "space";
245
+ };
246
+ };
247
+ mb: (value: string | number | {
248
+ readonly [$$ScaleValue]: "space";
249
+ }) => {
250
+ marginBottom: string | number | {
251
+ readonly [$$ScaleValue]: "space";
252
+ };
253
+ };
254
+ ml: (value: string | number | {
255
+ readonly [$$ScaleValue]: "space";
256
+ }) => {
257
+ marginLeft: string | number | {
258
+ readonly [$$ScaleValue]: "space";
259
+ };
260
+ };
261
+ mx: (value: string | number | {
262
+ readonly [$$ScaleValue]: "space";
263
+ }) => {
264
+ marginLeft: string | number | {
265
+ readonly [$$ScaleValue]: "space";
266
+ };
267
+ marginRight: string | number | {
268
+ readonly [$$ScaleValue]: "space";
269
+ };
270
+ };
271
+ my: (value: string | number | {
272
+ readonly [$$ScaleValue]: "space";
273
+ }) => {
274
+ marginTop: string | number | {
275
+ readonly [$$ScaleValue]: "space";
276
+ };
277
+ marginBottom: string | number | {
278
+ readonly [$$ScaleValue]: "space";
279
+ };
280
+ };
281
+ }>>;
282
+ declare type StyledRootProps = React.ComponentProps<typeof StyledRoot>;
283
+ interface TopBarProps extends StyledRootProps {
14
284
  css?: CSS;
15
285
  }
16
286
  export declare const TopBar: React.FC<TopBarProps> & TopBarSubComponents;
package/dist/components/top-bar/TopBar.js CHANGED
@@ -1 +1 @@
1
- import t from"react";import{styled as r}from"../../stitches.js";import{useScrollPosition as i}from"../../utilities/hooks/useScrollPosition.js";import{Divider as n}from"../divider/Divider.js";import{Flex as m}from"../flex/Flex.js";import{TopBarActionIcon as d}from"./TopBarActionIcon.js";import{TopBarBrand as p,TopBarBrandLogo as l,TopBarBrandName as s}from"./TopBarBrand.js";const c=()=>t.createElement(n,{orientation:"vertical",css:{minHeight:28,bg:"$tonal100"}}),x=r("div",{bg:"white",position:"sticky",display:"flex",alignItems:"center",width:"100vw",top:"0",height:"$6",zIndex:1,borderBottom:"1px solid $tonal100",transition:"box-shadow .2s ease-out",variants:{hasScrolled:{true:{boxShadow:"0px 4px 4px -2px rgba(31, 31, 31, 0.1);"}}}}),B=r(m,{alignItems:"center",height:"$4",mx:"$4",width:"100%","@md":{mx:"$5"}}),o=e=>{const{y:a}=i();return t.createElement(x,{hasScrolled:!!a},t.createElement(B,{...e}))};o.Brand=p,o.BrandLogo=l,o.BrandName=s,o.ActionIcon=d,o.Divider=c,o.displayName="TopBar";export{o as TopBar};
1
+ import t from"react";import{styled as r}from"../../stitches.js";import{useScrollPosition as s}from"../../utilities/hooks/useScrollPosition.js";import{Divider as m}from"../divider/Divider.js";import{Flex as d}from"../flex/Flex.js";import{TopBarActionIcon as l}from"./TopBarActionIcon.js";import{TopBarBrandLogo as e,TopBarBrand as p,TopBarBrandName as h}from"./TopBarBrand.js";const c=()=>t.createElement(m,{orientation:"vertical",css:{height:"$2",bg:"$tonal100"}}),g=r("div",{bg:"white",position:"sticky",display:"flex",alignItems:"center",width:"100vw",top:"0",zIndex:1,borderBottom:"1px solid $tonal100",transition:"box-shadow .2s ease-out",variants:{hasScrolled:{true:{boxShadow:"0px 4px 4px -2px rgba(31, 31, 31, 0.1);"}},size:{md:{height:"$6",[`& ${e}`]:{'&[src$=".svg"]':{height:24,width:"auto"}}},lg:{height:"$7",[`& ${e}`]:{'&[src$=".svg"]':{height:32,width:"auto"}}}}}}),x=r(d,{alignItems:"center",height:"$4",mx:"$4",width:"100%","@md":{mx:"$5"}}),o=({size:i="md",...a})=>{const{y:n}=s();return t.createElement(g,{hasScrolled:!!n,size:i},t.createElement(x,{...a}))};o.Brand=p,o.BrandLogo=e,o.BrandName=h,o.ActionIcon=l,o.Divider=c,o.displayName="TopBar";export{o as TopBar};
package/dist/components/top-bar/TopBarBrand.d.ts CHANGED
@@ -5,7 +5,10 @@ declare type TopBarBrandLogoProps = {
5
5
  alt?: string;
6
6
  css?: CSS;
7
7
  };
8
- export declare const TopBarBrandLogo: ({ src, alt, css }: TopBarBrandLogoProps) => JSX.Element;
8
+ export declare const TopBarBrandLogo: {
9
+ ({ src, alt, css }: TopBarBrandLogoProps): JSX.Element;
10
+ toString(): string;
11
+ };
9
12
  export declare const TopBarBrandName: import("@stitches/react/types/styled-component").StyledComponent<React.ForwardRefExoticComponent<Omit<Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "key" | keyof React.HTMLAttributes<HTMLParagraphElement>> & {
10
13
  ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
11
14
  }, "size" | "css"> & import("@stitches/react/types/styled-component").TransformProps<{
package/dist/components/top-bar/TopBarBrand.js CHANGED
@@ -1 +1 @@
1
- import a from"react";import{styled as o}from"../../stitches.js";import{Image as n}from"../image/Image.js";import{Text as m}from"../text/Text.js";const c=({src:r,alt:t="Atom Learning logo",css:e})=>a.createElement(n,{src:r,alt:t,css:{mr:"$3",mb:"5px",'&[src$=".svg"]':{height:24,width:"auto"},...e}}),l=o(m,{color:"$tonal400"}),s=o("a",{display:"flex",alignItems:"center",textDecoration:"none",color:"$tonal400","&:hover, &:focus":{textDecoration:"none"}});export{s as TopBarBrand,c as TopBarBrandLogo,l as TopBarBrandName};
1
+ import n from"react";import{styled as o}from"../../stitches.js";import{Image as l}from"../image/Image.js";import{Text as m}from"../text/Text.js";const r=({src:t,alt:a="Atom Learning logo",css:e})=>n.createElement(l,{className:"topbar-brand-logo",src:t,alt:a,css:{mr:"$3",mb:"5px",...e}});r.toString=()=>".topbar-brand-logo";const c=o(m,{color:"$tonal400"}),s=o("a",{display:"flex",alignItems:"center",textDecoration:"none",color:"$tonal400","&:hover, &:focus":{textDecoration:"none"}});export{s as TopBarBrand,r as TopBarBrandLogo,c as TopBarBrandName};