@atom-learning/components 5.2.5 → 5.3.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.
- package/dist/components/badge/Badge.d.ts +3 -1
- package/dist/components/badge/Badge.js +1 -1
- package/dist/components/badge/Badge.js.map +1 -1
- package/dist/components/badge/stitches.badge.colorscheme.config.d.ts +72 -2
- package/dist/components/badge/stitches.badge.colorscheme.config.js +1 -1
- package/dist/components/badge/stitches.badge.colorscheme.config.js.map +1 -1
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/package.json +1 -1
|
@@ -371,8 +371,10 @@ declare const StyledBadge: import("@atom-learning/stitches-react/types/styled-co
|
|
|
371
371
|
marginBottom: string | number | import("@atom-learning/stitches-react/types/css-util").WithScaleValue<"space">;
|
|
372
372
|
};
|
|
373
373
|
}>>, {
|
|
374
|
-
emphasis?: "bold" | "subtle" | undefined;
|
|
374
|
+
emphasis?: "bold" | "white" | "subtle" | undefined;
|
|
375
375
|
size?: "xs" | "sm" | "md" | undefined;
|
|
376
|
+
isClickable?: boolean | "true" | undefined;
|
|
377
|
+
highlighted?: boolean | "true" | undefined;
|
|
376
378
|
}, {
|
|
377
379
|
sm: string;
|
|
378
380
|
md: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import{Flex as
|
|
1
|
+
import $ from"invariant";import*as e from"react";import{Flex as x}from"../flex/Flex.js";import{Icon as k}from"../icon/Icon.js";import{styled as v}from"../../stitches.js";import{useCallbackRefState as y}from"../../utilities/hooks/useCallbackRef.js";import{BadgeContext as B,BadgeProvider as C}from"./Badge.context.js";import{BadgeIcon as c}from"./BadgeIcon.js";import{BadgeText as d}from"./BadgeText.js";import{colorSchemes as w,badgeSemanticNames as O}from"./stitches.badge.colorscheme.config.js";import{OptionalTooltipWrapper as S}from"../../utilities/optional-tooltip-wrapper/OptionalTooltipWrapper.js";const F=v(x,{justifyContent:"center",alignItems:"center",borderRadius:"$0",minWidth:0,border:"1px solid #FFFFFF",fontFamily:"$body","& > *:not(:last-child)":{mr:"$1"},variants:{emphasis:{white:{color:"$textOnWhite",background:"white"},subtle:{color:"$textSubtle",background:"$backgroundSubtle"},bold:{color:"$textBold",background:"$backgroundBold"}},size:{xs:{px:"$1"},sm:{px:"$1",py:"$0"},md:{px:"$2",py:"$1"}},isClickable:{true:{cursor:"pointer"}},highlighted:{true:{}}},compoundVariants:[{isClickable:!0,emphasis:"white",css:{"&:hover":{color:"$textOnWhite",background:"color-mix(in srgb, $textOnWhite, transparent 92%)"}}},{isClickable:!0,emphasis:"subtle",css:{"&:hover":{color:"$textSubtleHover",background:"$backgroundSubtleHover"}}},{isClickable:!0,emphasis:"bold",css:{"&:hover":{color:"$textBold",background:"$backgroundBoldHover"}}},{emphasis:"white",highlighted:!0,css:{color:"$textOnWhite",background:"color-mix(in srgb, $textOnWhite, transparent 92%)"}},{emphasis:"subtle",highlighted:!0,css:{color:"$textSubtleHover",background:"$backgroundSubtleHover"}},{emphasis:"bold",highlighted:!0,css:{color:"$textBold",background:"$backgroundBoldHover"}}]}),E=e.forwardRef(({theme:r="info",emphasis:i="subtle",children:s,...o},b)=>{const{size:p,overflow:u,isOverflowing:h}=e.useContext(B),[l,g]=y();e.useImperativeHandle(b,()=>l);const f=l==null?void 0:l.textContent,a=O.includes(r),n=Object.keys(o).includes("onClick")||Object.keys(o).includes("href");return $(!(n&&a),"Semantic badges are for information only and should not be interactive"),e.createElement(S,{hasTooltip:u==="ellipsis"&&h,label:f},e.createElement(F,{role:"status",emphasis:i,size:p,...o,className:w[r],ref:g,isClickable:n&&!a},e.Children.map(s,t=>typeof t=="string"||typeof t=="number"?e.createElement(d,null,t):e.isValidElement(t)&&t.type===k?e.createElement(c,{...t.props}):t)))}),m=e.forwardRef(({size:r="sm",overflow:i="wrap",...s},o)=>e.createElement(C,{size:r,overflow:i},e.createElement(E,{...s,ref:o}))),H=Object.assign(m,{Icon:c,Text:d});m.displayName="Badge";export{H as Badge};
|
|
2
2
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper'\n\nimport { BadgeContext, BadgeProvider } from './Badge.context'\nimport { BadgeIcon } from './BadgeIcon'\nimport { BadgeText } from './BadgeText'\nimport {
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../src/components/badge/Badge.tsx"],"sourcesContent":["import invariant from 'invariant'\nimport * as React from 'react'\n\nimport { Flex } from '~/components/flex'\nimport { Icon } from '~/components/icon'\nimport { styled } from '~/stitches'\nimport { useCallbackRefState } from '~/utilities/hooks/useCallbackRef'\nimport { OptionalTooltipWrapper } from '~/utilities/optional-tooltip-wrapper'\n\nimport { BadgeContext, BadgeProvider } from './Badge.context'\nimport { BadgeIcon } from './BadgeIcon'\nimport { BadgeText } from './BadgeText'\nimport {\n badgeSemanticNames,\n colorSchemes as badgeColorSchemes\n} from './stitches.badge.colorscheme.config'\n\nconst StyledBadge = styled(Flex, {\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: '$0',\n minWidth: 0,\n border: '1px solid #FFFFFF',\n fontFamily: '$body',\n '& > *:not(:last-child)': {\n mr: '$1'\n },\n variants: {\n emphasis: {\n white: {\n color: '$textOnWhite',\n background: 'white'\n },\n subtle: {\n color: '$textSubtle',\n background: '$backgroundSubtle'\n },\n bold: {\n color: '$textBold',\n background: '$backgroundBold'\n }\n },\n size: {\n xs: {\n px: '$1'\n },\n sm: {\n px: '$1',\n py: '$0'\n },\n md: {\n px: '$2',\n py: '$1'\n }\n },\n\n isClickable: {\n true: {\n cursor: 'pointer'\n }\n },\n highlighted: {\n true: {}\n }\n },\n compoundVariants: [\n {\n isClickable: true,\n emphasis: 'white',\n css: {\n '&:hover': {\n color: '$textOnWhite',\n background: 'color-mix(in srgb, $textOnWhite, transparent 92%)'\n }\n }\n },\n {\n isClickable: true,\n emphasis: 'subtle',\n css: {\n '&:hover': {\n color: '$textSubtleHover',\n background: '$backgroundSubtleHover'\n }\n }\n },\n {\n isClickable: true,\n emphasis: 'bold',\n css: {\n '&:hover': {\n color: '$textBold',\n background: '$backgroundBoldHover'\n }\n }\n },\n {\n emphasis: 'white',\n highlighted: true,\n css: {\n color: '$textOnWhite',\n background: 'color-mix(in srgb, $textOnWhite, transparent 92%)'\n }\n },\n {\n emphasis: 'subtle',\n highlighted: true,\n css: {\n color: '$textSubtleHover',\n background: '$backgroundSubtleHover'\n }\n },\n {\n emphasis: 'bold',\n highlighted: true,\n css: {\n color: '$textBold',\n background: '$backgroundBoldHover'\n }\n }\n ]\n})\n\nexport type TBadgeProps = React.ComponentProps<typeof StyledBadge> & {\n theme?: keyof typeof badgeColorSchemes\n overflow?: React.ComponentProps<typeof BadgeText>['overflow']\n}\n\ntype TBadgeInnerProps = Omit<TBadgeProps, 'size' | 'overflow'>\n\nconst BadgeInner: React.ForwardRefExoticComponent<TBadgeInnerProps> =\n React.forwardRef(\n ({ theme = 'info', emphasis = 'subtle', children, ...rest }, ref) => {\n const { size, overflow, isOverflowing } = React.useContext(BadgeContext)\n const [badgeElRef, setBadgeElRef] = useCallbackRefState()\n React.useImperativeHandle(ref, () => badgeElRef as HTMLDivElement)\n\n const label = badgeElRef?.textContent\n\n const isInfoOnly = badgeSemanticNames.includes(theme)\n\n const isClickable =\n Object.keys(rest).includes('onClick') ||\n Object.keys(rest).includes('href')\n\n invariant(\n !(isClickable && isInfoOnly),\n 'Semantic badges are for information only and should not be interactive'\n )\n\n return (\n <OptionalTooltipWrapper\n hasTooltip={overflow === 'ellipsis' && isOverflowing}\n label={label}\n >\n <StyledBadge\n role=\"status\"\n emphasis={emphasis}\n size={size}\n {...rest}\n className={badgeColorSchemes[theme]}\n ref={setBadgeElRef}\n isClickable={isClickable && !isInfoOnly}\n >\n {React.Children.map(children, (child) => {\n if (typeof child === 'string' || typeof child === 'number') {\n return <BadgeText>{child}</BadgeText>\n }\n if (React.isValidElement(child) && child.type === Icon) {\n return <BadgeIcon {...child.props} />\n }\n return child\n })}\n </StyledBadge>\n </OptionalTooltipWrapper>\n )\n }\n )\n\nconst BadgeComponent: React.ForwardRefExoticComponent<TBadgeProps> =\n React.forwardRef(({ size = 'sm', overflow = 'wrap', ...rest }, ref) => {\n return (\n <BadgeProvider size={size} overflow={overflow}>\n <BadgeInner {...rest} ref={ref} />\n </BadgeProvider>\n )\n })\n\nexport const Badge = Object.assign(BadgeComponent, {\n Icon: BadgeIcon,\n Text: BadgeText\n})\n\nBadgeComponent.displayName = 'Badge'\n"],"names":["StyledBadge","styled","Flex","BadgeInner","React","theme","emphasis","children","rest","ref","size","overflow","isOverflowing","BadgeContext","badgeElRef","setBadgeElRef","useCallbackRefState","label","isInfoOnly","badgeSemanticNames","isClickable","invariant","OptionalTooltipWrapper","badgeColorSchemes","child","BadgeText","Icon","BadgeIcon","BadgeComponent","BadgeProvider","Badge"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export declare const badgeSemanticNames: string[];
|
|
1
2
|
export declare const colorSchemes: {
|
|
2
3
|
info: string & {
|
|
3
4
|
className: string;
|
|
@@ -8,6 +9,7 @@ export declare const colorSchemes: {
|
|
|
8
9
|
backgroundSubtle: string;
|
|
9
10
|
textBold: string;
|
|
10
11
|
backgroundBold: string;
|
|
12
|
+
textOnWhite: string;
|
|
11
13
|
};
|
|
12
14
|
}, "">;
|
|
13
15
|
neutral: string & {
|
|
@@ -19,6 +21,7 @@ export declare const colorSchemes: {
|
|
|
19
21
|
backgroundSubtle: string;
|
|
20
22
|
textBold: string;
|
|
21
23
|
backgroundBold: string;
|
|
24
|
+
textOnWhite: string;
|
|
22
25
|
};
|
|
23
26
|
}, "">;
|
|
24
27
|
success: string & {
|
|
@@ -30,6 +33,7 @@ export declare const colorSchemes: {
|
|
|
30
33
|
backgroundSubtle: string;
|
|
31
34
|
textBold: string;
|
|
32
35
|
backgroundBold: string;
|
|
36
|
+
textOnWhite: string;
|
|
33
37
|
};
|
|
34
38
|
}, "">;
|
|
35
39
|
danger: string & {
|
|
@@ -41,6 +45,7 @@ export declare const colorSchemes: {
|
|
|
41
45
|
backgroundSubtle: string;
|
|
42
46
|
textBold: string;
|
|
43
47
|
backgroundBold: string;
|
|
48
|
+
textOnWhite: string;
|
|
44
49
|
};
|
|
45
50
|
}, "">;
|
|
46
51
|
warning: string & {
|
|
@@ -52,6 +57,7 @@ export declare const colorSchemes: {
|
|
|
52
57
|
backgroundSubtle: string;
|
|
53
58
|
textBold: string;
|
|
54
59
|
backgroundBold: string;
|
|
60
|
+
textOnWhite: string;
|
|
55
61
|
};
|
|
56
62
|
}, "">;
|
|
57
63
|
primary: string & {
|
|
@@ -61,8 +67,12 @@ export declare const colorSchemes: {
|
|
|
61
67
|
colors: {
|
|
62
68
|
textSubtle: string;
|
|
63
69
|
backgroundSubtle: string;
|
|
70
|
+
textSubtleHover: string;
|
|
71
|
+
backgroundSubtleHover: string;
|
|
64
72
|
textBold: string;
|
|
65
73
|
backgroundBold: string;
|
|
74
|
+
backgroundBoldHover: string;
|
|
75
|
+
textOnWhite: string;
|
|
66
76
|
};
|
|
67
77
|
}, "">;
|
|
68
78
|
grey: string & {
|
|
@@ -72,8 +82,12 @@ export declare const colorSchemes: {
|
|
|
72
82
|
colors: {
|
|
73
83
|
textSubtle: string;
|
|
74
84
|
backgroundSubtle: string;
|
|
85
|
+
textSubtleHover: string;
|
|
86
|
+
backgroundSubtleHover: string;
|
|
75
87
|
textBold: string;
|
|
76
88
|
backgroundBold: string;
|
|
89
|
+
backgroundBoldHover: string;
|
|
90
|
+
textOnWhite: string;
|
|
77
91
|
};
|
|
78
92
|
}, "">;
|
|
79
93
|
blue: string & {
|
|
@@ -83,8 +97,12 @@ export declare const colorSchemes: {
|
|
|
83
97
|
colors: {
|
|
84
98
|
textSubtle: string;
|
|
85
99
|
backgroundSubtle: string;
|
|
100
|
+
textSubtleHover: string;
|
|
101
|
+
backgroundSubtleHover: string;
|
|
86
102
|
textBold: string;
|
|
87
103
|
backgroundBold: string;
|
|
104
|
+
backgroundBoldHover: string;
|
|
105
|
+
textOnWhite: string;
|
|
88
106
|
};
|
|
89
107
|
}, "">;
|
|
90
108
|
pink: string & {
|
|
@@ -94,8 +112,12 @@ export declare const colorSchemes: {
|
|
|
94
112
|
colors: {
|
|
95
113
|
textSubtle: string;
|
|
96
114
|
backgroundSubtle: string;
|
|
115
|
+
textSubtleHover: string;
|
|
116
|
+
backgroundSubtleHover: string;
|
|
97
117
|
textBold: string;
|
|
98
118
|
backgroundBold: string;
|
|
119
|
+
backgroundBoldHover: string;
|
|
120
|
+
textOnWhite: string;
|
|
99
121
|
};
|
|
100
122
|
}, "">;
|
|
101
123
|
purple: string & {
|
|
@@ -105,8 +127,12 @@ export declare const colorSchemes: {
|
|
|
105
127
|
colors: {
|
|
106
128
|
textSubtle: string;
|
|
107
129
|
backgroundSubtle: string;
|
|
130
|
+
textSubtleHover: string;
|
|
131
|
+
backgroundSubtleHover: string;
|
|
108
132
|
textBold: string;
|
|
109
133
|
backgroundBold: string;
|
|
134
|
+
backgroundBoldHover: string;
|
|
135
|
+
textOnWhite: string;
|
|
110
136
|
};
|
|
111
137
|
}, "">;
|
|
112
138
|
cyan: string & {
|
|
@@ -116,8 +142,12 @@ export declare const colorSchemes: {
|
|
|
116
142
|
colors: {
|
|
117
143
|
textSubtle: string;
|
|
118
144
|
backgroundSubtle: string;
|
|
145
|
+
textSubtleHover: string;
|
|
146
|
+
backgroundSubtleHover: string;
|
|
119
147
|
textBold: string;
|
|
120
148
|
backgroundBold: string;
|
|
149
|
+
backgroundBoldHover: string;
|
|
150
|
+
textOnWhite: string;
|
|
121
151
|
};
|
|
122
152
|
}, "">;
|
|
123
153
|
green: string & {
|
|
@@ -127,8 +157,12 @@ export declare const colorSchemes: {
|
|
|
127
157
|
colors: {
|
|
128
158
|
textSubtle: string;
|
|
129
159
|
backgroundSubtle: string;
|
|
160
|
+
textSubtleHover: string;
|
|
161
|
+
backgroundSubtleHover: string;
|
|
130
162
|
textBold: string;
|
|
131
163
|
backgroundBold: string;
|
|
164
|
+
backgroundBoldHover: string;
|
|
165
|
+
textOnWhite: string;
|
|
132
166
|
};
|
|
133
167
|
}, "">;
|
|
134
168
|
magenta: string & {
|
|
@@ -138,8 +172,12 @@ export declare const colorSchemes: {
|
|
|
138
172
|
colors: {
|
|
139
173
|
textSubtle: string;
|
|
140
174
|
backgroundSubtle: string;
|
|
175
|
+
textSubtleHover: string;
|
|
176
|
+
backgroundSubtleHover: string;
|
|
141
177
|
textBold: string;
|
|
142
178
|
backgroundBold: string;
|
|
179
|
+
backgroundBoldHover: string;
|
|
180
|
+
textOnWhite: string;
|
|
143
181
|
};
|
|
144
182
|
}, "">;
|
|
145
183
|
red: string & {
|
|
@@ -149,8 +187,12 @@ export declare const colorSchemes: {
|
|
|
149
187
|
colors: {
|
|
150
188
|
textSubtle: string;
|
|
151
189
|
backgroundSubtle: string;
|
|
190
|
+
textSubtleHover: string;
|
|
191
|
+
backgroundSubtleHover: string;
|
|
152
192
|
textBold: string;
|
|
153
193
|
backgroundBold: string;
|
|
194
|
+
backgroundBoldHover: string;
|
|
195
|
+
textOnWhite: string;
|
|
154
196
|
};
|
|
155
197
|
}, "">;
|
|
156
198
|
teal: string & {
|
|
@@ -160,8 +202,12 @@ export declare const colorSchemes: {
|
|
|
160
202
|
colors: {
|
|
161
203
|
textSubtle: string;
|
|
162
204
|
backgroundSubtle: string;
|
|
205
|
+
textSubtleHover: string;
|
|
206
|
+
backgroundSubtleHover: string;
|
|
163
207
|
textBold: string;
|
|
164
208
|
backgroundBold: string;
|
|
209
|
+
backgroundBoldHover: string;
|
|
210
|
+
textOnWhite: string;
|
|
165
211
|
};
|
|
166
212
|
}, "">;
|
|
167
213
|
orange: string & {
|
|
@@ -171,8 +217,12 @@ export declare const colorSchemes: {
|
|
|
171
217
|
colors: {
|
|
172
218
|
textSubtle: string;
|
|
173
219
|
backgroundSubtle: string;
|
|
220
|
+
textSubtleHover: string;
|
|
221
|
+
backgroundSubtleHover: string;
|
|
174
222
|
textBold: string;
|
|
175
223
|
backgroundBold: string;
|
|
224
|
+
backgroundBoldHover: string;
|
|
225
|
+
textOnWhite: string;
|
|
176
226
|
};
|
|
177
227
|
}, "">;
|
|
178
228
|
yellow: string & {
|
|
@@ -182,8 +232,12 @@ export declare const colorSchemes: {
|
|
|
182
232
|
colors: {
|
|
183
233
|
textSubtle: string;
|
|
184
234
|
backgroundSubtle: string;
|
|
235
|
+
textSubtleHover: string;
|
|
236
|
+
backgroundSubtleHover: string;
|
|
185
237
|
textBold: string;
|
|
186
238
|
backgroundBold: string;
|
|
239
|
+
backgroundBoldHover: string;
|
|
240
|
+
textOnWhite: string;
|
|
187
241
|
};
|
|
188
242
|
}, "">;
|
|
189
243
|
lime: string & {
|
|
@@ -193,8 +247,12 @@ export declare const colorSchemes: {
|
|
|
193
247
|
colors: {
|
|
194
248
|
textSubtle: string;
|
|
195
249
|
backgroundSubtle: string;
|
|
250
|
+
textSubtleHover: string;
|
|
251
|
+
backgroundSubtleHover: string;
|
|
196
252
|
textBold: string;
|
|
197
253
|
backgroundBold: string;
|
|
254
|
+
backgroundBoldHover: string;
|
|
255
|
+
textOnWhite: string;
|
|
198
256
|
};
|
|
199
257
|
}, "">;
|
|
200
258
|
lapis: string & {
|
|
@@ -204,30 +262,42 @@ export declare const colorSchemes: {
|
|
|
204
262
|
colors: {
|
|
205
263
|
textSubtle: string;
|
|
206
264
|
backgroundSubtle: string;
|
|
265
|
+
textSubtleHover: string;
|
|
266
|
+
backgroundSubtleHover: string;
|
|
207
267
|
textBold: string;
|
|
208
268
|
backgroundBold: string;
|
|
269
|
+
backgroundBoldHover: string;
|
|
270
|
+
textOnWhite: string;
|
|
209
271
|
};
|
|
210
272
|
}, "">;
|
|
211
|
-
|
|
273
|
+
maroon: string & {
|
|
212
274
|
className: string;
|
|
213
275
|
selector: string;
|
|
214
276
|
} & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
|
|
215
277
|
colors: {
|
|
216
278
|
textSubtle: string;
|
|
217
279
|
backgroundSubtle: string;
|
|
280
|
+
textSubtleHover: string;
|
|
281
|
+
backgroundSubtleHover: string;
|
|
218
282
|
textBold: string;
|
|
219
283
|
backgroundBold: string;
|
|
284
|
+
backgroundBoldHover: string;
|
|
285
|
+
textOnWhite: string;
|
|
220
286
|
};
|
|
221
287
|
}, "">;
|
|
222
|
-
|
|
288
|
+
marsh: string & {
|
|
223
289
|
className: string;
|
|
224
290
|
selector: string;
|
|
225
291
|
} & import("@atom-learning/stitches-react/types/stitches").ThemeTokens<{
|
|
226
292
|
colors: {
|
|
227
293
|
textSubtle: string;
|
|
228
294
|
backgroundSubtle: string;
|
|
295
|
+
textSubtleHover: string;
|
|
296
|
+
backgroundSubtleHover: string;
|
|
229
297
|
textBold: string;
|
|
230
298
|
backgroundBold: string;
|
|
299
|
+
backgroundBoldHover: string;
|
|
300
|
+
textOnWhite: string;
|
|
231
301
|
};
|
|
232
302
|
}, "">;
|
|
233
303
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{createTheme as e}from"../../stitches.js";const
|
|
1
|
+
import{createTheme as e}from"../../stitches.js";const t=e({colors:{textSubtle:"$infoMid",backgroundSubtle:"$infoLight",textBold:"#FFF",backgroundBold:"$info",textOnWhite:"$info"}}),o=e({colors:{textSubtle:"$grey900",backgroundSubtle:"$grey100",textBold:"#FFF",backgroundBold:"$grey800",textOnWhite:"$grey800"}}),r=e({colors:{textSubtle:"$successMid",backgroundSubtle:"$successLight",textBold:"#FFF",backgroundBold:"$success",textOnWhite:"$success"}}),l=e({colors:{textSubtle:"$dangerMid",backgroundSubtle:"$dangerLight",textBold:"#FFF",backgroundBold:"$danger",textOnWhite:"$danger"}}),n=e({colors:{textSubtle:"$warningText",backgroundSubtle:"$warningLight",textBold:"$grey1000",backgroundBold:"$warning",textOnWhite:"$warning"}}),u=e({colors:{textSubtle:"$primary1000",backgroundSubtle:"$primary200",textSubtleHover:"$primary1100",backgroundSubtleHover:"$primary300",textBold:"white",backgroundBold:"$primary800",backgroundBoldHover:"$primary900",textOnWhite:"$primary800"}}),a=e({colors:{textSubtle:"$grey1000",backgroundSubtle:"$grey200",textSubtleHover:"$grey1100",backgroundSubtleHover:"$grey300",textBold:"#FFF",backgroundBold:"$grey800",backgroundBoldHover:"$grey900",textOnWhite:"$grey800"}}),b=e({colors:{textSubtle:"$blue1000",backgroundSubtle:"$blue200",textSubtleHover:"$blue1100",backgroundSubtleHover:"$blue300",textBold:"#FFF",backgroundBold:"$blue800",backgroundBoldHover:"$blue900",textOnWhite:"$blue800"}}),d=e({colors:{textSubtle:"$pink1000",backgroundSubtle:"$pink200",textSubtleHover:"$pink1100",backgroundSubtleHover:"$pink300",textBold:"#FFF",backgroundBold:"$pink800",backgroundBoldHover:"$pink900",textOnWhite:"$pink800"}}),$=e({colors:{textSubtle:"$purple1000",backgroundSubtle:"$purple200",textSubtleHover:"$purple1100",backgroundSubtleHover:"$purple300",textBold:"#FFF",backgroundBold:"$purple800",backgroundBoldHover:"$purple900",textOnWhite:"$purple700"}}),g=e({colors:{textSubtle:"$cyan1000",backgroundSubtle:"$cyan200",textSubtleHover:"$cyan1100",backgroundSubtleHover:"$cyan300",textBold:"#FFF",backgroundBold:"$cyan800",backgroundBoldHover:"$cyan900",textOnWhite:"$cyan800"}}),c=e({colors:{textSubtle:"$green1000",backgroundSubtle:"$green200",textSubtleHover:"$green1100",backgroundSubtleHover:"$green300",textBold:"#FFF",backgroundBold:"$green800",backgroundBoldHover:"$green900",textOnWhite:"$green800"}}),k=e({colors:{textSubtle:"$magenta1000",backgroundSubtle:"$magenta200",textSubtleHover:"$magenta1100",backgroundSubtleHover:"$magenta300",textBold:"#FFF",backgroundBold:"$magenta800",backgroundBoldHover:"$magenta900",textOnWhite:"$magenta800"}}),x=e({colors:{textSubtle:"$red1000",backgroundSubtle:"$red200",textSubtleHover:"$red1100",backgroundSubtleHover:"$red400",textBold:"#FFF",backgroundBold:"$red800",backgroundBoldHover:"$red900",textOnWhite:"$red800"}}),i=e({colors:{textSubtle:"$teal1000",backgroundSubtle:"$teal200",textSubtleHover:"$teal1100",backgroundSubtleHover:"$teal300",textBold:"#FFF",backgroundBold:"$teal800",backgroundBoldHover:"$teal900",textOnWhite:"$teal800"}}),S=e({colors:{textSubtle:"$orange1000",backgroundSubtle:"$orange200",textSubtleHover:"$orange1100",backgroundSubtleHover:"$orange300",textBold:"$grey1200",backgroundBold:"$orange600",backgroundBoldHover:"$orange700",textOnWhite:"$orange1000"}}),s=e({colors:{textSubtle:"$yellow1000",backgroundSubtle:"$yellow200",textSubtleHover:"$yellow1100",backgroundSubtleHover:"$yellow300",textBold:"$grey1200",backgroundBold:"$yellow500",backgroundBoldHover:"$yellow600",textOnWhite:"$yellow900"}}),B=e({colors:{textSubtle:"$lime1000",backgroundSubtle:"$lime200",textSubtleHover:"$lime1100",backgroundSubtleHover:"$lime300",textBold:"$grey1200",backgroundBold:"$lime600",backgroundBoldHover:"$lime700",textOnWhite:"$lime900"}}),v=e({colors:{textSubtle:"$lapis1000",backgroundSubtle:"$lapis200",textSubtleHover:"$lapis1100",backgroundSubtleHover:"$lapis300",textBold:"white",backgroundBold:"$lapis700",backgroundBoldHover:"$lapis900",textOnWhite:"$lapis700"}}),H=e({colors:{textSubtle:"$maroon1000",backgroundSubtle:"$maroon200",textSubtleHover:"$maroon1100",backgroundSubtleHover:"$maroon300",textBold:"white",backgroundBold:"$maroon800",backgroundBoldHover:"$maroon900",textOnWhite:"$maroon700"}}),m=e({colors:{textSubtle:"$marsh1000",backgroundSubtle:"$marsh200",textSubtleHover:"$marsh1100",backgroundSubtleHover:"$marsh300",textBold:"white",backgroundBold:"$marsh800",backgroundBoldHover:"$marsh900",textOnWhite:"$marsh700"}}),p=["info","neutral","success","danger","warning"],y={info:t,neutral:o,success:r,danger:l,warning:n,primary:u,grey:a,blue:b,pink:d,purple:$,cyan:g,green:c,magenta:k,red:x,teal:i,orange:S,yellow:s,lime:B,lapis:v,maroon:H,marsh:m};export{p as badgeSemanticNames,y as colorSchemes};
|
|
2
2
|
//# sourceMappingURL=stitches.badge.colorscheme.config.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n colors: {\n textSubtle: '$infoMid',\n backgroundSubtle: '$infoLight',\n textBold: '#FFF',\n backgroundBold: '$info'\n }\n})\n\nconst neutral = createTheme({\n colors: {\n textSubtle: '$grey900',\n backgroundSubtle: '$grey100',\n textBold: '#FFF',\n backgroundBold: '$grey800'\n }\n})\n\nconst success = createTheme({\n colors: {\n textSubtle: '$successMid',\n backgroundSubtle: '$successLight',\n textBold: '#FFF',\n backgroundBold: '$success'\n }\n})\n\nconst danger = createTheme({\n colors: {\n textSubtle: '$dangerMid',\n backgroundSubtle: '$dangerLight',\n textBold: '#FFF',\n backgroundBold: '$danger'\n }\n})\n\nconst warning = createTheme({\n colors: {\n textSubtle: '$warningText',\n backgroundSubtle: '$warningLight',\n textBold: '$grey1000',\n backgroundBold: '$warning'\n }\n})\n\n/*\n * Non-semantic themes\n */\nconst primary = createTheme({\n colors: {\n textSubtle: '$primary1000',\n backgroundSubtle: '$primary200',\n textBold: 'white',\n backgroundBold: '$primary800'\n }\n})\n\nconst grey = createTheme({\n colors: {\n textSubtle: '$grey1000',\n backgroundSubtle: '$grey200',\n textBold: '#FFF',\n backgroundBold: '$grey800'\n }\n})\n\nconst blue = createTheme({\n colors: {\n textSubtle: '$blue1000',\n backgroundSubtle: '$blue200',\n textBold: '#FFF',\n backgroundBold: '$blue800'\n }\n})\n\nconst pink = createTheme({\n colors: {\n textSubtle: '$pink1000',\n backgroundSubtle: '$pink200',\n textBold: '#FFF',\n backgroundBold: '$pink800'\n }\n})\n\nconst purple = createTheme({\n colors: {\n textSubtle: '$purple1000',\n backgroundSubtle: '$purple200',\n textBold: '#FFF',\n backgroundBold: '$purple800'\n }\n})\n\nconst cyan = createTheme({\n colors: {\n textSubtle: '$cyan1000',\n backgroundSubtle: '$cyan200',\n textBold: '#FFF',\n backgroundBold: '$cyan800'\n }\n})\n\nconst green = createTheme({\n colors: {\n textSubtle: '$green1000',\n backgroundSubtle: '$green200',\n textBold: '#FFF',\n backgroundBold: '$green800'\n }\n})\n\nconst magenta = createTheme({\n colors: {\n textSubtle: '$magenta1000',\n backgroundSubtle: '$magenta200',\n textBold: '#FFF',\n backgroundBold: '$magenta800'\n }\n})\n\nconst red = createTheme({\n colors: {\n textSubtle: '$red1000',\n backgroundSubtle: '$red200',\n textBold: '#FFF',\n backgroundBold: '$red800'\n }\n})\n\nconst teal = createTheme({\n colors: {\n textSubtle: '$teal1000',\n backgroundSubtle: '$teal200',\n textBold: '#FFF',\n backgroundBold: '$teal800'\n }\n})\n\nconst orange = createTheme({\n colors: {\n textSubtle: '$orange1000',\n backgroundSubtle: '$orange200',\n textBold: '$grey1200',\n backgroundBold: '$orange600'\n }\n})\n\nconst yellow = createTheme({\n colors: {\n textSubtle: '$yellow1000',\n backgroundSubtle: '$yellow200',\n textBold: '$grey1200',\n backgroundBold: '$yellow500'\n }\n})\n\nconst lime = createTheme({\n colors: {\n textSubtle: '$lime1000',\n backgroundSubtle: '$lime200',\n textBold: '$grey1200',\n backgroundBold: '$lime600'\n }\n})\n\nconst lapis = createTheme({\n colors: {\n textSubtle: '$lapis1000',\n backgroundSubtle: '$lapis200',\n textBold: 'white',\n backgroundBold: '$lapis700'\n }\n})\n\nconst maroon = createTheme({\n colors: {\n textSubtle: '$maroon1000',\n backgroundSubtle: '$maroon200',\n textBold: 'white',\n backgroundBold: '$maroon800'\n }\n})\n\nconst marsh = createTheme({\n colors: {\n textSubtle: '$marsh1000',\n backgroundSubtle: '$marsh200',\n textBold: 'white',\n backgroundBold: '$marsh800'\n }\n})\n\nexport const colorSchemes = {\n info,\n neutral,\n success,\n danger,\n warning,\n primary,\n grey,\n blue,\n pink,\n purple,\n cyan,\n green,\n magenta,\n red,\n teal,\n orange,\n yellow,\n lime,\n lapis,\n marsh,\n maroon\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","primary","grey","blue","pink","purple","cyan","green","magenta","red","teal","orange","yellow","lime","lapis","maroon","marsh","colorSchemes"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"stitches.badge.colorscheme.config.js","sources":["../../../src/components/badge/stitches.badge.colorscheme.config.ts"],"sourcesContent":["import { createTheme } from '~/stitches'\n\n/*\n * Semantic themes\n */\n\nconst info = createTheme({\n colors: {\n textSubtle: '$infoMid',\n backgroundSubtle: '$infoLight',\n textBold: '#FFF',\n backgroundBold: '$info',\n textOnWhite: '$info'\n }\n})\n\nconst neutral = createTheme({\n colors: {\n textSubtle: '$grey900',\n backgroundSubtle: '$grey100',\n textBold: '#FFF',\n backgroundBold: '$grey800',\n textOnWhite: '$grey800'\n }\n})\n\nconst success = createTheme({\n colors: {\n textSubtle: '$successMid',\n backgroundSubtle: '$successLight',\n textBold: '#FFF',\n backgroundBold: '$success',\n textOnWhite: '$success'\n }\n})\n\nconst danger = createTheme({\n colors: {\n textSubtle: '$dangerMid',\n backgroundSubtle: '$dangerLight',\n textBold: '#FFF',\n backgroundBold: '$danger',\n textOnWhite: '$danger'\n }\n})\n\nconst warning = createTheme({\n colors: {\n textSubtle: '$warningText',\n backgroundSubtle: '$warningLight',\n textBold: '$grey1000',\n backgroundBold: '$warning',\n textOnWhite: '$warning'\n }\n})\n\n/*\n * Non-semantic themes\n */\nconst primary = createTheme({\n colors: {\n textSubtle: '$primary1000',\n backgroundSubtle: '$primary200',\n textSubtleHover: '$primary1100',\n backgroundSubtleHover: '$primary300',\n\n textBold: 'white',\n backgroundBold: '$primary800',\n backgroundBoldHover: '$primary900',\n\n textOnWhite: '$primary800'\n }\n})\n\nconst grey = createTheme({\n colors: {\n textSubtle: '$grey1000',\n backgroundSubtle: '$grey200',\n textSubtleHover: '$grey1100',\n backgroundSubtleHover: '$grey300',\n\n textBold: '#FFF',\n backgroundBold: '$grey800',\n backgroundBoldHover: '$grey900',\n\n textOnWhite: '$grey800'\n }\n})\n\nconst blue = createTheme({\n colors: {\n textSubtle: '$blue1000',\n backgroundSubtle: '$blue200',\n textSubtleHover: '$blue1100',\n backgroundSubtleHover: '$blue300',\n\n textBold: '#FFF',\n backgroundBold: '$blue800',\n backgroundBoldHover: '$blue900',\n\n textOnWhite: '$blue800'\n }\n})\n\nconst pink = createTheme({\n colors: {\n textSubtle: '$pink1000',\n backgroundSubtle: '$pink200',\n textSubtleHover: '$pink1100',\n backgroundSubtleHover: '$pink300',\n\n textBold: '#FFF',\n backgroundBold: '$pink800',\n backgroundBoldHover: '$pink900',\n\n textOnWhite: '$pink800'\n }\n})\n\nconst purple = createTheme({\n colors: {\n textSubtle: '$purple1000',\n backgroundSubtle: '$purple200',\n textSubtleHover: '$purple1100',\n backgroundSubtleHover: '$purple300',\n\n textBold: '#FFF',\n backgroundBold: '$purple800',\n backgroundBoldHover: '$purple900',\n\n textOnWhite: '$purple700'\n }\n})\n\nconst cyan = createTheme({\n colors: {\n textSubtle: '$cyan1000',\n backgroundSubtle: '$cyan200',\n textSubtleHover: '$cyan1100',\n backgroundSubtleHover: '$cyan300',\n\n textBold: '#FFF',\n backgroundBold: '$cyan800',\n backgroundBoldHover: '$cyan900',\n\n textOnWhite: '$cyan800'\n }\n})\n\nconst green = createTheme({\n colors: {\n textSubtle: '$green1000',\n backgroundSubtle: '$green200',\n textSubtleHover: '$green1100',\n backgroundSubtleHover: '$green300',\n\n textBold: '#FFF',\n backgroundBold: '$green800',\n backgroundBoldHover: '$green900',\n\n textOnWhite: '$green800'\n }\n})\n\nconst magenta = createTheme({\n colors: {\n textSubtle: '$magenta1000',\n backgroundSubtle: '$magenta200',\n textSubtleHover: '$magenta1100',\n backgroundSubtleHover: '$magenta300',\n\n textBold: '#FFF',\n backgroundBold: '$magenta800',\n backgroundBoldHover: '$magenta900',\n\n textOnWhite: '$magenta800'\n }\n})\n\nconst red = createTheme({\n colors: {\n textSubtle: '$red1000',\n backgroundSubtle: '$red200',\n textSubtleHover: '$red1100',\n backgroundSubtleHover: '$red400',\n\n textBold: '#FFF',\n backgroundBold: '$red800',\n backgroundBoldHover: '$red900',\n\n textOnWhite: '$red800'\n }\n})\n\nconst teal = createTheme({\n colors: {\n textSubtle: '$teal1000',\n backgroundSubtle: '$teal200',\n textSubtleHover: '$teal1100',\n backgroundSubtleHover: '$teal300',\n\n textBold: '#FFF',\n backgroundBold: '$teal800',\n backgroundBoldHover: '$teal900',\n\n textOnWhite: '$teal800'\n }\n})\n\nconst orange = createTheme({\n colors: {\n textSubtle: '$orange1000',\n backgroundSubtle: '$orange200',\n textSubtleHover: '$orange1100',\n backgroundSubtleHover: '$orange300',\n\n textBold: '$grey1200',\n backgroundBold: '$orange600',\n backgroundBoldHover: '$orange700',\n\n textOnWhite: '$orange1000'\n }\n})\n\nconst yellow = createTheme({\n colors: {\n textSubtle: '$yellow1000',\n backgroundSubtle: '$yellow200',\n textSubtleHover: '$yellow1100',\n backgroundSubtleHover: '$yellow300',\n\n textBold: '$grey1200',\n backgroundBold: '$yellow500',\n backgroundBoldHover: '$yellow600',\n\n textOnWhite: '$yellow900'\n }\n})\n\nconst lime = createTheme({\n colors: {\n textSubtle: '$lime1000',\n backgroundSubtle: '$lime200',\n textSubtleHover: '$lime1100',\n backgroundSubtleHover: '$lime300',\n\n textBold: '$grey1200',\n backgroundBold: '$lime600',\n backgroundBoldHover: '$lime700',\n\n textOnWhite: '$lime900'\n }\n})\n\nconst lapis = createTheme({\n colors: {\n textSubtle: '$lapis1000',\n backgroundSubtle: '$lapis200',\n textSubtleHover: '$lapis1100',\n backgroundSubtleHover: '$lapis300',\n\n textBold: 'white',\n backgroundBold: '$lapis700',\n backgroundBoldHover: '$lapis900',\n\n textOnWhite: '$lapis700'\n }\n})\n\nconst maroon = createTheme({\n colors: {\n textSubtle: '$maroon1000',\n backgroundSubtle: '$maroon200',\n textSubtleHover: '$maroon1100',\n backgroundSubtleHover: '$maroon300',\n\n textBold: 'white',\n backgroundBold: '$maroon800',\n backgroundBoldHover: '$maroon900',\n\n textOnWhite: '$maroon700'\n }\n})\n\nconst marsh = createTheme({\n colors: {\n textSubtle: '$marsh1000',\n backgroundSubtle: '$marsh200',\n textSubtleHover: '$marsh1100',\n backgroundSubtleHover: '$marsh300',\n\n textBold: 'white',\n backgroundBold: '$marsh800',\n backgroundBoldHover: '$marsh900',\n\n textOnWhite: '$marsh700'\n }\n})\n\nexport const badgeSemanticNames = [\n 'info',\n 'neutral',\n 'success',\n 'danger',\n 'warning'\n]\n\nexport const colorSchemes = {\n info,\n neutral,\n success,\n danger,\n warning,\n primary,\n grey,\n blue,\n pink,\n purple,\n cyan,\n green,\n magenta,\n red,\n teal,\n orange,\n yellow,\n lime,\n lapis,\n maroon,\n marsh\n}\n"],"names":["info","createTheme","neutral","success","danger","warning","primary","grey","blue","pink","purple","cyan","green","magenta","red","teal","orange","yellow","lime","lapis","maroon","marsh","badgeSemanticNames","colorSchemes"],"mappings":"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"}
|