@yakad/ui 1.2.50-beta → 1.2.51-beta

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 (81) hide show
  1. package/inputField/inputField.module.css +8 -8
  2. package/package.json +1 -1
  3. package/theme/theme.module.css +13 -0
  4. package/appBar/appBar.d.ts +0 -3
  5. package/appBar/appBar.js +0 -9
  6. package/appBar/appBar.js.map +0 -1
  7. package/button/button.d.ts +0 -14
  8. package/button/button.js +0 -25
  9. package/button/button.js.map +0 -1
  10. package/card/card.d.ts +0 -3
  11. package/card/card.js +0 -9
  12. package/card/card.js.map +0 -1
  13. package/clickAwayListener/clickAwayListener.d.ts +0 -6
  14. package/clickAwayListener/clickAwayListener.js +0 -17
  15. package/clickAwayListener/clickAwayListener.js.map +0 -1
  16. package/client.d.ts +0 -3
  17. package/client.js +0 -4
  18. package/client.js.map +0 -1
  19. package/codeField/codeField.d.ts +0 -8
  20. package/codeField/codeField.js +0 -10
  21. package/codeField/codeField.js.map +0 -1
  22. package/container/container.d.ts +0 -8
  23. package/container/container.js +0 -9
  24. package/container/container.js.map +0 -1
  25. package/footer/footer.d.ts +0 -3
  26. package/footer/footer.js +0 -9
  27. package/footer/footer.js.map +0 -1
  28. package/form/form.d.ts +0 -3
  29. package/form/form.js +0 -12
  30. package/form/form.js.map +0 -1
  31. package/gridContainer/gridContainer.d.ts +0 -7
  32. package/gridContainer/gridContainer.js +0 -11
  33. package/gridContainer/gridContainer.js.map +0 -1
  34. package/gridItem/gridItem.d.ts +0 -10
  35. package/gridItem/gridItem.js +0 -10
  36. package/gridItem/gridItem.js.map +0 -1
  37. package/historyBack/historyBack.d.ts +0 -3
  38. package/historyBack/historyBack.js +0 -11
  39. package/historyBack/historyBack.js.map +0 -1
  40. package/hr/hr.d.ts +0 -8
  41. package/hr/hr.js +0 -12
  42. package/hr/hr.js.map +0 -1
  43. package/index.d.ts +0 -23
  44. package/index.js +0 -24
  45. package/index.js.map +0 -1
  46. package/inputField/inputField.d.ts +0 -12
  47. package/inputField/inputField.js +0 -11
  48. package/inputField/inputField.js.map +0 -1
  49. package/list/list.d.ts +0 -7
  50. package/list/list.js +0 -9
  51. package/list/list.js.map +0 -1
  52. package/listItem/listItem.d.ts +0 -3
  53. package/listItem/listItem.js +0 -7
  54. package/listItem/listItem.js.map +0 -1
  55. package/loading/loading.d.ts +0 -7
  56. package/loading/loading.js +0 -10
  57. package/loading/loading.js.map +0 -1
  58. package/main/main.d.ts +0 -6
  59. package/main/main.js +0 -10
  60. package/main/main.js.map +0 -1
  61. package/navigation/navigation.d.ts +0 -7
  62. package/navigation/navigation.js +0 -9
  63. package/navigation/navigation.js.map +0 -1
  64. package/page/page.d.ts +0 -3
  65. package/page/page.js +0 -9
  66. package/page/page.js.map +0 -1
  67. package/row/row.d.ts +0 -3
  68. package/row/row.js +0 -9
  69. package/row/row.js.map +0 -1
  70. package/spacer/spacer.d.ts +0 -3
  71. package/spacer/spacer.js +0 -7
  72. package/spacer/spacer.js.map +0 -1
  73. package/stack/stack.d.ts +0 -3
  74. package/stack/stack.js +0 -9
  75. package/stack/stack.js.map +0 -1
  76. package/svgIcon/svgIcon.d.ts +0 -6
  77. package/svgIcon/svgIcon.js +0 -12
  78. package/svgIcon/svgIcon.js.map +0 -1
  79. package/theme/theme.d.ts +0 -7
  80. package/theme/theme.js +0 -9
  81. package/theme/theme.js.map +0 -1
@@ -11,7 +11,7 @@
11
11
  border-image: initial;
12
12
  width: 100%;
13
13
  height: inherit;
14
- color: rgb(227 226 230 / 0.87);
14
+ color: rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.87);
15
15
  box-shadow: none;
16
16
  font-family: inherit;
17
17
  font-size: inherit;
@@ -44,10 +44,10 @@
44
44
  border-right: none;
45
45
  border-left: none;
46
46
  border-top: 2.7rem solid transparent;
47
- border-bottom: solid 0.1rem rgb(227 226 230 / 0.6);
47
+ border-bottom: solid 0.1rem rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
48
48
  border-radius: 0.4rem 0.4rem 0rem 0rem;
49
49
  padding: 0rem 1.2rem 1rem;
50
- background-color: rgb(227 226 230/ 0.04);
50
+ background-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.04);
51
51
  transition: border-bottom 0.2s ease 0s, background-color 0.2s ease 0s;
52
52
  }
53
53
  .input:focus {
@@ -73,7 +73,7 @@
73
73
  }
74
74
 
75
75
  .input.outlined:not(:focus):placeholder-shown {
76
- border-top-color: rgb(227 226 230 / 0.6);
76
+ border-top-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
77
77
  }
78
78
  .input.outlined:not(:focus):placeholder-shown + .span {
79
79
  font-size: inherit;
@@ -85,7 +85,7 @@
85
85
  }
86
86
  .input + .span {
87
87
  position: absolute;
88
- color: rgb(227 226 230 / 0.6);
88
+ color: rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
89
89
  font-size: 75%;
90
90
  transition: color 0.2s ease 0s, font-size 0.2s ease 0s,
91
91
  line-height 0.2s ease 0s;
@@ -94,7 +94,7 @@
94
94
  top: 0rem;
95
95
  left: 0rem;
96
96
  display: flex;
97
- border-color: rgb(227 226 230/ 0.6);
97
+ border-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
98
98
  width: 100%;
99
99
  max-height: 100%;
100
100
  line-height: 1.5rem;
@@ -121,7 +121,7 @@
121
121
  margin-top: 0.6rem;
122
122
  border-top-width: 0.1rem;
123
123
  border-top-style: solid;
124
- border-top-color: rgb(227 226 230 / 0.6);
124
+ border-top-color: rgb(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
125
125
  min-width: 1rem;
126
126
  height: 0.8rem;
127
127
  pointer-events: none;
@@ -145,7 +145,7 @@
145
145
  margin-top: 0.6rem;
146
146
  border-top-width: 0.1rem;
147
147
  border-top-style: solid;
148
- border-top-color: rgb(227 226 230 / 0.6);
148
+ border-top-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
149
149
  min-width: 1rem;
150
150
  height: 0.8rem;
151
151
  pointer-events: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.2.50-beta",
3
+ "version": "1.2.51-beta",
4
4
  "description": "",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
@@ -25,6 +25,7 @@
25
25
  --LightSurfaceContainerHightColor: #ece6f0;
26
26
  --LightSurfaceContainerHighestColor: #e6e0e9;
27
27
  --LightOnSurfaceColor: #1c1b1f;
28
+ --LightOnSurfaceRGBColor:26 28 30;
28
29
  --LightOnSurfaceVariantColor: #49454e;
29
30
  --LightOutlineColor: #79747e;
30
31
  --LightOutlineVariantColor: #c4c7c5;
@@ -54,6 +55,7 @@
54
55
  --DarkSurfaceContainerHightColor: #2b2930;
55
56
  --DarkSurfaceContainerHighestColor: #36343b;
56
57
  --DarkOnSurfaceColor: #e6e1e5;
58
+ --DarkOnSurfaceRGBColor:227 226 230;
57
59
  --DarkOnSurfaceVariantColor: #cac4d0;
58
60
  --DarkOutlineColor: #938f99;
59
61
  --DarkOutlineVariantColor: #444746;
@@ -84,6 +86,7 @@
84
86
  --LightSurfaceContainerHightColor: #ece6f0;
85
87
  --LightSurfaceContainerHighestColor: #e6e0e9;
86
88
  --LightOnSurfaceColor: #1c1b1f;
89
+ --LightOnSurfaceRGBColor:26 28 30;
87
90
  --LightOnSurfaceVariantColor: #49454e;
88
91
  --LightOutlineColor: #79747e;
89
92
  --LightOutlineVariantColor: #c4c7c5;
@@ -113,6 +116,7 @@
113
116
  --DarkSurfaceContainerHightColor: #2b2930;
114
117
  --DarkSurfaceContainerHighestColor: #36343b;
115
118
  --DarkOnSurfaceColor: #e6e1e5;
119
+ --DarkOnSurfaceRGBColor:227 226 230;
116
120
  --DarkOnSurfaceVariantColor: #cac4d0;
117
121
  --DarkOutlineColor: #938f99;
118
122
  --DarkOutlineVariantColor: #444746;
@@ -144,6 +148,7 @@
144
148
  --LightSurfaceContainerHightColor: #ece6f0;
145
149
  --LightSurfaceContainerHighestColor: #e6e0e9;
146
150
  --LightOnSurfaceColor: #1c1b1f;
151
+ --LightOnSurfaceRGBColor:26 28 30;
147
152
  --LightOnSurfaceVariantColor: #49454e;
148
153
  --LightOutlineColor: #79747e;
149
154
  --LightOutlineVariantColor: #c4c7c5;
@@ -173,6 +178,7 @@
173
178
  --DarkSurfaceContainerHightColor: #2b2930;
174
179
  --DarkSurfaceContainerHighestColor: #36343b;
175
180
  --DarkOnSurfaceColor: #e6e1e5;
181
+ --DarkOnSurfaceRGBColor:227 226 230;
176
182
  --DarkOnSurfaceVariantColor: #cac4d0;
177
183
  --DarkOutlineColor: #938f99;
178
184
  --DarkOutlineVariantColor: #444746;
@@ -204,6 +210,7 @@
204
210
  --LightSurfaceContainerHightColor: #ece6f0;
205
211
  --LightSurfaceContainerHighestColor: #e6e0e9;
206
212
  --LightOnSurfaceColor: #1c1b1f;
213
+ --LightOnSurfaceRGBColor:26 28 30;
207
214
  --LightOnSurfaceVariantColor: #49454e;
208
215
  --LightOutlineColor: #79747e;
209
216
  --LightOutlineVariantColor: #c4c7c5;
@@ -233,6 +240,7 @@
233
240
  --DarkSurfaceContainerHightColor: #2b2930;
234
241
  --DarkSurfaceContainerHighestColor: #36343b;
235
242
  --DarkOnSurfaceColor: #e6e1e5;
243
+ --DarkOnSurfaceRGBColor:227 226 230;
236
244
  --DarkOnSurfaceVariantColor: #cac4d0;
237
245
  --DarkOutlineColor: #938f99;
238
246
  --DarkOutlineVariantColor: #444746;
@@ -266,6 +274,7 @@
266
274
  --LightSurfaceContainerHightColor: #ece6f0;
267
275
  --LightSurfaceContainerHighestColor: #e6e0e9;
268
276
  --LightOnSurfaceColor: #1c1b1f;
277
+ --LightOnSurfaceRGBColor:26 28 30;
269
278
  --LightOnSurfaceVariantColor: #49454e;
270
279
  --LightOutlineColor: #79747e;
271
280
  --LightOutlineVariantColor: #c4c7c5;
@@ -297,6 +306,7 @@
297
306
  --DarkSurfaceContainerHightColor: #2b2930;
298
307
  --DarkSurfaceContainerHighestColor: #36343b;
299
308
  --DarkOnSurfaceColor: #e6e1e5;
309
+ --DarkOnSurfaceRGBColor:227 226 230;
300
310
  --DarkOnSurfaceVariantColor: #cac4d0;
301
311
  --DarkOutlineColor: #938f99;
302
312
  --DarkOutlineVariantColor: #444746;
@@ -328,6 +338,7 @@
328
338
  --surfaceContainerHightColor: var(--LightSurfaceContainerHightColor);
329
339
  --surfaceContainerHighestColor: var(--LightSurfaceContainerHighestColor);
330
340
  --onSurfaceColor: var(--LightOnSurfaceColor);
341
+ --onSurfaceRGBColor:var(--LightOnSurfaceRGBColor);
331
342
  --onSurfaceVariantColor: var(--LightOnSurfaceVariantColor);
332
343
  --outlineColor: var(--LightOutlineColor);
333
344
  --outlineVariantColor: var(--LightOutlineVariantColor);
@@ -357,6 +368,7 @@
357
368
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
358
369
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
359
370
  --onSurfaceColor: var(--DarkOnSurfaceColor);
371
+ --onSurfaceRGBColor:var(--DarkOnSurfaceRGBColor);
360
372
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
361
373
  --outlineColor: var(--DarkOutlineColor);
362
374
  --outlineVariantColor: var(--DarkOutlineVariantColor);
@@ -387,6 +399,7 @@
387
399
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
388
400
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
389
401
  --onSurfaceColor: var(--DarkOnSurfaceColor);
402
+ --onSurfaceRGBColor:var(--DarkOnSurfaceRGBColor);
390
403
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
391
404
  --outlineColor: var(--DarkOutlineColor);
392
405
  --outlineVariantColor: var(--DarkOutlineVariantColor);
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function AppBar(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
3
- export default AppBar;
package/appBar/appBar.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./appBar.module.css";
4
- function AppBar(props) {
5
- const joinedClassNames = joinClassNames(styles.header, props.className);
6
- return (React.createElement("header", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default AppBar;
9
- //# sourceMappingURL=appBar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"appBar.js","sourceRoot":"","sources":["appBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM,CAAC,KAAwC;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEzE,OAAO,CACL,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IAC3C,KAAK,CAAC,QAAQ,CACR,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
3
- loading?: boolean;
4
- size?: "small" | "medium" | "large";
5
- variant?: "text" | "outlined" | "filled" | "filledtonal" | "tonal" | "elevated" | "link" | "fab";
6
- borderStyle?: "none" | "semi" | "rounded";
7
- icon?: JSX.Element;
8
- iconPosition?: "start" | "end";
9
- loadingPosition?: "default" | "center";
10
- loadingVariant?: "scaleOut" | "dots" | "spinner";
11
- disabled?: boolean;
12
- }
13
- declare function Button(props: ButtonProps): JSX.Element;
14
- export default Button;
package/button/button.js DELETED
@@ -1,25 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./button.module.css";
4
- import SvgIcon from "../svgIcon/svgIcon";
5
- import Loading from "../loading/loading";
6
- const svgSizeMaps = {
7
- small: 2,
8
- medium: 2.4,
9
- large: 3,
10
- };
11
- function Button(props) {
12
- const startChildren = props.iconPosition === "end";
13
- const centerLoading = !props.icon || (props.loading && props.loadingPosition === "center");
14
- const joinedClassNames = joinClassNames(styles.button, props.loading ? styles.loading : "", props.variant ? styles[props.variant] : styles.text, props.loading && centerLoading ? styles.loadingPositionCenter : "", props.size ? styles[props.size] : styles.medium, props.borderStyle ? styles[props.borderStyle] : styles.rounded, props.icon && !props.children ? styles.iconButton : "", props.className);
15
- return (React.createElement("button", { ...props, className: joinedClassNames },
16
- startChildren ? props.children : null,
17
- props.loading ? (React.createElement("div", { className: joinClassNames(centerLoading ? styles.positionCenter : "", styles.displayOnDisabled) },
18
- React.createElement(Loading, { size: props.size, variant: props.loadingVariant }))) : null,
19
- props.icon ? (React.createElement(SvgIcon, { className: styles.hideOnDisabled, size: props.size
20
- ? svgSizeMaps[props.size]
21
- : svgSizeMaps.medium }, props.icon)) : null,
22
- !startChildren ? props.children : null));
23
- }
24
- export default Button;
25
- //# sourceMappingURL=button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AACzC,OAAO,OAAO,MAAM,oBAAoB,CAAC;AA4BzC,MAAM,WAAW,GAAe;IAC5B,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;CACX,CAAC;AAEF,SAAS,MAAM,CAAC,KAAkB;IAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,YAAY,KAAK,KAAK,CAAC;IACnD,MAAM,aAAa,GACf,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,eAAe,KAAK,QAAQ,CAAC,CAAC;IAEzE,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EACnC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACnD,KAAK,CAAC,OAAO,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAClE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC9D,KAAK,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB;QACzC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI;QACrC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACb,6BACI,SAAS,EAAE,cAAc,CACrB,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAC1C,MAAM,CAAC,iBAAiB,CAC3B;YAED,oBAAC,OAAO,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC,cAAc,GAAI,CAC1D,CACT,CAAC,CAAC,CAAC,IAAI;QACP,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACV,oBAAC,OAAO,IACJ,SAAS,EAAE,MAAM,CAAC,cAAc,EAChC,IAAI,EACA,KAAK,CAAC,IAAI;gBACN,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC;gBACzB,CAAC,CAAC,WAAW,CAAC,MAAM,IAG3B,KAAK,CAAC,IAAI,CACL,CACb,CAAC,CAAC,CAAC,IAAI;QACP,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAClC,CACZ,CAAC;AACN,CAAC;AAED,eAAe,MAAM,CAAC"}
package/card/card.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function Card(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
3
- export default Card;
package/card/card.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./card.module.css";
4
- function Card(props) {
5
- const joinedClassNames = joinClassNames(styles.card, props.className);
6
- return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Card;
9
- //# sourceMappingURL=card.js.map
package/card/card.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAAwC;IACpD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLDivElement> {
3
- onClickAway: React.MouseEventHandler<HTMLDivElement>;
4
- }
5
- declare function ClickAwayListener(props: ClickAwayListenerProps): JSX.Element;
6
- export default ClickAwayListener;
@@ -1,17 +0,0 @@
1
- import React, { useEffect, useRef } from "react";
2
- function ClickAwayListener(props) {
3
- const ref = useRef(null);
4
- useEffect(() => {
5
- const handleOutSideClick = (event) => {
6
- if (ref.current && !ref.current.contains(event.target)) {
7
- props.onClickAway && props.onClickAway(event);
8
- }
9
- };
10
- document.addEventListener("click", handleOutSideClick, true);
11
- // CleanUp When element unmount
12
- return () => document.removeEventListener("click", handleOutSideClick, true);
13
- }, [props.onClickAway]);
14
- return React.createElement("div", { ref: ref }, props.children);
15
- }
16
- export default ClickAwayListener;
17
- //# sourceMappingURL=clickAwayListener.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"clickAwayListener.js","sourceRoot":"","sources":["clickAwayListener.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAMjD,SAAS,iBAAiB,CAAC,KAA6B;IACpD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,CAAC,KAAiB,EAAE,EAAE;YAC7C,IAAI,GAAG,CAAC,OAAO,IAAI,CAAE,GAAG,CAAC,OAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;gBAC7D,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,WAAW,CAAC,KAAY,CAAC,CAAC;aACxD;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAE7D,+BAA+B;QAC/B,OAAO,GAAG,EAAE,CACR,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,EAAE,IAAI,CAAC,CAAC;IACxE,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,OAAO,6BAAK,GAAG,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACjD,CAAC;AAED,eAAe,iBAAiB,CAAC"}
package/client.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import ClickAwayListener from "./clickAwayListener/clickAwayListener";
2
- import HistoryBack from "./historyBack/historyBack";
3
- export { ClickAwayListener, HistoryBack };
package/client.js DELETED
@@ -1,4 +0,0 @@
1
- import ClickAwayListener from "./clickAwayListener/clickAwayListener";
2
- import HistoryBack from "./historyBack/historyBack";
3
- export { ClickAwayListener, HistoryBack };
4
- //# sourceMappingURL=client.js.map
package/client.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"client.js","sourceRoot":"","sources":["client.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AACtE,OAAO,WAAW,MAAM,2BAA2B,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC"}
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- interface CodeFieldsProps extends React.HTMLAttributes<HTMLInputElement> {
3
- length?: number;
4
- name?: string;
5
- type?: string;
6
- }
7
- declare function CodeField(props: CodeFieldsProps): JSX.Element;
8
- export default CodeField;
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames, joinStyles } from "@yakad/lib";
3
- import styles from "./codeField.module.css";
4
- function CodeField(props) {
5
- const joinedClassNames = joinClassNames(styles.input, props.className);
6
- const joinedStyles = joinStyles({ width: "calc(1.5ch * " + props.length + ")" }, props.style);
7
- return (React.createElement("input", { ...props, name: props.name, type: props.type, minLength: props.length, maxLength: props.length, className: joinedClassNames, style: joinedStyles }));
8
- }
9
- export default CodeField;
10
- //# sourceMappingURL=codeField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"codeField.js","sourceRoot":"","sources":["codeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,SAAS,SAAS,CAAC,KAAsB;IACrC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,EAC/C,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,kCACQ,KAAK,EACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,GACrB,CACL,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- declare type ScreenSize = "xs" | "sm" | "md" | "lg" | "xl";
3
- interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
4
- maxWidth?: ScreenSize;
5
- background?: "dotted";
6
- }
7
- declare function Container(props: ContainerProps): JSX.Element;
8
- export default Container;
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./container.module.css";
4
- function Container(props) {
5
- const joinedClassNames = joinClassNames(props.maxWidth ? styles[props.maxWidth] : "", props.background ? styles[props.background] : "", styles.container, props.className);
6
- return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Container;
9
- //# sourceMappingURL=container.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"container.js","sourceRoot":"","sources":["container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAS5C,SAAS,SAAS,CAAC,KAAqB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACrC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5C,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,EAChD,MAAM,CAAC,SAAS,EAChB,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,SAAS,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function Footer(props: React.HTMLAttributes<HTMLElement>): JSX.Element;
3
- export default Footer;
package/footer/footer.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./footer.module.css";
4
- function Footer(props) {
5
- const joinedClassNames = joinClassNames(styles.footer, props.className);
6
- return (React.createElement("footer", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Footer;
9
- //# sourceMappingURL=footer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"footer.js","sourceRoot":"","sources":["footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM,CAAC,KAAwC;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEzE,OAAO,CACL,mCAAY,KAAK,EAAE,SAAS,EAAE,gBAAgB,IAC3C,KAAK,CAAC,QAAQ,CACR,CACV,CAAC;AACJ,CAAC;AAED,eAAe,MAAM,CAAC"}
package/form/form.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function Form(props: React.HTMLAttributes<HTMLFormElement>): JSX.Element;
3
- export default Form;
package/form/form.js DELETED
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./form.module.css";
4
- function Form(props) {
5
- const joinedClassNames = joinClassNames(styles.form, props.className);
6
- return (React.createElement("form", { ...props, className: joinedClassNames, onSubmit: (e) => {
7
- e.preventDefault();
8
- props.onSubmit(null);
9
- } }, props.children));
10
- }
11
- export default Form;
12
- //# sourceMappingURL=form.js.map
package/form/form.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"form.js","sourceRoot":"","sources":["form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAA4C;IACxD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACL,iCACM,KAAK,EACT,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,KAAK,CAAC,QAAS,CAAC,IAAW,CAAC,CAAC;QAC/B,CAAC,IAEA,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface GridContainerProps extends React.HTMLAttributes<HTMLDivElement> {
3
- rowGap?: number;
4
- columnGap?: number;
5
- }
6
- declare function GridContainer(props: GridContainerProps): JSX.Element;
7
- export default GridContainer;
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames, joinStyles } from "@yakad/lib";
3
- import styles from "./gridContainer.module.css";
4
- // Custom Button Element
5
- function GridContainer(props) {
6
- const joinedClassNames = joinClassNames(styles.gridcontainer, props.className);
7
- const joinedStyles = joinStyles({ columnGap: props.columnGap ? props.columnGap + "rem" : "1.5rem" }, { rowGap: props.rowGap ? props.rowGap + "rem" : "1.5rem" }, props.style);
8
- return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
9
- }
10
- export default GridContainer;
11
- //# sourceMappingURL=gridContainer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"gridContainer.js","sourceRoot":"","sources":["gridContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,4BAA4B,CAAC;AAOhD,wBAAwB;AACxB,SAAS,aAAa,CAAC,KAAyB;IAC5C,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,aAAa,EACpB,KAAK,CAAC,SAAU,CACnB,CAAC;IACF,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EACnE,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC1D,KAAK,CAAC,KAAM,CACf,CAAC;IACF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,aAAa,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
3
- xs?: number;
4
- sm?: number;
5
- md?: number;
6
- lg?: number;
7
- xl?: number;
8
- }
9
- declare function GridItem(props: GridItemProps): JSX.Element;
10
- export default GridItem;
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./gridItem.module.css";
4
- // Custom Button Element
5
- function GridItem(props) {
6
- const joinedClassNames = joinClassNames(props.xl ? styles["xl" + props.xl] : "", props.lg ? styles["lg" + props.lg] : "", props.md ? styles["md" + props.md] : "", props.sm ? styles["sm" + props.sm] : "", props.xs ? styles["xs" + props.xs] : "", props.className);
7
- return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
8
- }
9
- export default GridItem;
10
- //# sourceMappingURL=gridItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"gridItem.js","sourceRoot":"","sources":["gridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,wBAAwB;AACxB,SAAS,QAAQ,CAAC,KAAoB;IAClC,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,QAAQ,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function HistoryBack(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
3
- export default HistoryBack;
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { useNavigate } from "react-router-dom";
3
- function HistoryBack(props) {
4
- const navigate = useNavigate();
5
- return (React.createElement("div", { ...props, onClick: () => {
6
- navigate(-1);
7
- props.onClick(null);
8
- } }, props.children));
9
- }
10
- export default HistoryBack;
11
- //# sourceMappingURL=historyBack.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"historyBack.js","sourceRoot":"","sources":["historyBack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,SAAS,WAAW,CAAC,KAA2C;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACH,gCACQ,KAAK,EACT,OAAO,EAAE,GAAG,EAAE;YACV,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACb,KAAK,CAAC,OAAQ,CAAC,IAAW,CAAC,CAAC;QAChC,CAAC,IAEA,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,WAAW,CAAC"}
package/hr/hr.d.ts DELETED
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- interface HrProps extends React.HTMLAttributes<HTMLElement> {
3
- variant?: "dotted" | "dashed" | "shortLine";
4
- height?: number;
5
- marginTopBottom?: number;
6
- }
7
- declare function Hr(props: HrProps): JSX.Element;
8
- export default Hr;
package/hr/hr.js DELETED
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames, joinStyles } from "@yakad/lib";
3
- import styles from "./hr.module.css";
4
- function Hr(props) {
5
- const joinedClassNames = joinClassNames(styles.hr, props.variant ? styles[props.variant] : "", props.className);
6
- const joinedStyles = joinStyles(props.height ? { borderTopWidth: props.height + "rem" } : {}, props.marginTopBottom
7
- ? joinStyles({ marginTop: props.marginTopBottom + "rem" }, { marginBottom: props.marginTopBottom + "rem" })
8
- : {}, props.style);
9
- return React.createElement("hr", { ...props, className: joinedClassNames, style: joinedStyles });
10
- }
11
- export default Hr;
12
- //# sourceMappingURL=hr.js.map
package/hr/hr.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"hr.js","sourceRoot":"","sources":["hr.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAQrC,SAAS,EAAE,CAAC,KAAc;IACxB,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,EAAE,EACT,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,EAC1C,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAC7B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5D,KAAK,CAAC,eAAe;QACnB,CAAC,CAAC,UAAU,CACR,EAAE,SAAS,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,EAC5C,EAAE,YAAY,EAAE,KAAK,CAAC,eAAe,GAAG,KAAK,EAAE,CAChD;QACH,CAAC,CAAC,EAAE,EACN,KAAK,CAAC,KAAM,CACb,CAAC;IAEF,OAAO,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,GAAO,CAAC;AAChF,CAAC;AAED,eAAe,EAAE,CAAC"}
package/index.d.ts DELETED
@@ -1,23 +0,0 @@
1
- import Button from "./button/button";
2
- import AppBar from "./appBar/appBar";
3
- import Card from "./card/card";
4
- import Container from "./container/container";
5
- import Footer from "./footer/footer";
6
- import Form from "./form/form";
7
- import GridContainer from "./gridContainer/gridContainer";
8
- import GridItem from "./gridItem/gridItem";
9
- import Hr from "./hr/hr";
10
- import List from "./list/list";
11
- import ListItem from "./listItem/listItem";
12
- import Main from "./main/main";
13
- import Navigation from "./navigation/navigation";
14
- import Page from "./page/page";
15
- import Row from "./row/row";
16
- import Spacer from "./spacer/spacer";
17
- import Stack from "./stack/stack";
18
- import SvgIcon from "./svgIcon/svgIcon";
19
- import Loading from "./loading/loading";
20
- import CodeField from "./codeField/codeField";
21
- import InputField from "./inputField/inputField";
22
- import Theme from "./theme/theme";
23
- export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, };
package/index.js DELETED
@@ -1,24 +0,0 @@
1
- import Button from "./button/button";
2
- import AppBar from "./appBar/appBar";
3
- import Card from "./card/card";
4
- import Container from "./container/container";
5
- import Footer from "./footer/footer";
6
- import Form from "./form/form";
7
- import GridContainer from "./gridContainer/gridContainer";
8
- import GridItem from "./gridItem/gridItem";
9
- import Hr from "./hr/hr";
10
- import List from "./list/list";
11
- import ListItem from "./listItem/listItem";
12
- import Main from "./main/main";
13
- import Navigation from "./navigation/navigation";
14
- import Page from "./page/page";
15
- import Row from "./row/row";
16
- import Spacer from "./spacer/spacer";
17
- import Stack from "./stack/stack";
18
- import SvgIcon from "./svgIcon/svgIcon";
19
- import Loading from "./loading/loading";
20
- import CodeField from "./codeField/codeField";
21
- import InputField from "./inputField/inputField";
22
- import Theme from "./theme/theme";
23
- export { Button, AppBar, Card, Container, Footer, Form, GridContainer, GridItem, Hr, List, ListItem, Main, Navigation, Page, Row, Stack, Spacer, SvgIcon, Loading, CodeField, InputField, Theme, };
24
- //# sourceMappingURL=index.js.map
package/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,aAAa,MAAM,+BAA+B,CAAC;AAC1D,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,EAAE,MAAM,SAAS,CAAC;AACzB,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAO,GAAG,MAAM,WAAW,CAAC;AAC5B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,SAAS,MAAM,uBAAuB,CAAC;AAC9C,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,KAAK,MAAM,eAAe,CAAC;AAClC,OAAO,EACH,MAAM,EACN,MAAM,EACN,IAAI,EACJ,SAAS,EACT,MAAM,EACN,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,GAAG,EACH,KAAK,EACL,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,UAAU,EACV,KAAK,GACR,CAAC"}
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
3
- variant?: "standard" | "outlined" | "filled";
4
- type?: string;
5
- placeholder?: string;
6
- disabled?: boolean;
7
- name?: string;
8
- value?: string;
9
- required?: string;
10
- }
11
- declare function InputField(props: InputFieldProps): JSX.Element;
12
- export default InputField;
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./inputField.module.css";
4
- function InputField(props) {
5
- const joinedClassNames = joinClassNames(styles.input, props.variant ? styles[props.variant] : styles.standard, props.className);
6
- return (React.createElement("label", { className: styles.label },
7
- React.createElement("input", { ...props, name: props.name, disabled: props.disabled, placeholder: " ", type: props.type, value: props.value, className: joinedClassNames }),
8
- React.createElement("span", { className: styles.span }, props.placeholder)));
9
- }
10
- export default InputField;
11
- //# sourceMappingURL=inputField.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAY7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,KAAK,EACZ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EACvD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACJ,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC/B,kCACM,KAAK,EACT,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,gBAAgB,GAC3B;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,KAAK,CAAC,WAAW,CAAQ,CAClD,CACP,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
package/list/list.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
3
- direction?: "row" | "column";
4
- collapsed?: boolean;
5
- }
6
- declare function List(props: ListProps): JSX.Element;
7
- export default List;
package/list/list.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./list.module.css";
4
- function List(props) {
5
- const joinedClassNames = joinClassNames(styles.list, props.direction ? styles[props.direction] : styles.row, props.collapsed ? styles.collapsed : "", props.className);
6
- return (React.createElement("ul", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default List;
9
- //# sourceMappingURL=list.js.map
package/list/list.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"list.js","sourceRoot":"","sources":["list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,SAAS,IAAI,CAAC,KAAgB;IAC5B,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,IAAI,EACX,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EACtD,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACvC,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,+BAAQ,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACvC,KAAK,CAAC,QAAQ,CACZ,CACN,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function ListItem(props: React.HTMLAttributes<HTMLLIElement>): JSX.Element;
3
- export default ListItem;
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import styles from "./listItem.module.css";
3
- function ListItem(props) {
4
- return (React.createElement("li", { className: styles.listItem, ...props }, props.children));
5
- }
6
- export default ListItem;
7
- //# sourceMappingURL=listItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"listItem.js","sourceRoot":"","sources":["listItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,SAAS,QAAQ,CAAC,KAA0C;IAC1D,OAAO,CACL,4BAAI,SAAS,EAAE,MAAM,CAAC,QAAQ,KAAM,KAAK,IACtC,KAAK,CAAC,QAAQ,CACZ,CACN,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface LoadingProps extends React.HTMLAttributes<HTMLButtonElement> {
3
- size?: "small" | "medium" | "large";
4
- variant?: "scaleOut" | "dots" | "spinner";
5
- }
6
- declare function Loading(props: LoadingProps): JSX.Element;
7
- export default Loading;
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import styles from "./loading.module.css";
3
- import { joinClassNames } from "@yakad/lib";
4
- function Loading(props) {
5
- const joinedClassNames = joinClassNames(styles.loading, props.size ? styles[props.size] : styles.medium, props.variant ? styles[props.variant] : styles.spinner, props.className);
6
- return (React.createElement("div", { className: joinedClassNames },
7
- React.createElement("div", null)));
8
- }
9
- export default Loading;
10
- //# sourceMappingURL=loading.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"loading.js","sourceRoot":"","sources":["loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAO5C,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,OAAO,EACd,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EACtD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,gBAAgB;QAC5B,gCAAW,CACT,CACT,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}
package/main/main.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- interface MainProps extends React.HTMLAttributes<HTMLDivElement> {
3
- navOpen?: boolean;
4
- }
5
- declare function Main(props: MainProps): JSX.Element;
6
- export default Main;
package/main/main.js DELETED
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./main.module.css";
4
- function Main(props) {
5
- const navOpenClass = props.navOpen ? styles.navOpen : "";
6
- const joinedClassNames = joinClassNames(styles.main, navOpenClass, props.className);
7
- return (React.createElement("main", { ...props, className: joinedClassNames }, props.children));
8
- }
9
- export default Main;
10
- //# sourceMappingURL=main.js.map
package/main/main.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"main.js","sourceRoot":"","sources":["main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,SAAS,IAAI,CAAC,KAAgB;IAC5B,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzD,MAAM,gBAAgB,GAAG,cAAc,CACrC,MAAM,CAAC,IAAI,EACX,YAAY,EACZ,KAAK,CAAC,SAAU,CACjB,CAAC;IAEF,OAAO,CACL,iCAAU,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACzC,KAAK,CAAC,QAAQ,CACV,CACR,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface NavigationProps extends React.HTMLAttributes<HTMLElement> {
3
- anchor?: "left" | "right" | "top" | "bottom" | "auto";
4
- open: boolean;
5
- }
6
- declare function Navigation(props: NavigationProps): JSX.Element;
7
- export default Navigation;
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./navigation.module.css";
4
- function Navigation(props) {
5
- const joinedClassNames = joinClassNames(styles.navigation, props.anchor ? styles[props.anchor] : styles.auto, props.open ? styles.open : "");
6
- return (React.createElement("nav", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Navigation;
9
- //# sourceMappingURL=navigation.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"navigation.js","sourceRoot":"","sources":["navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAO7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,UAAU,EACjB,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EACjD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAChC,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
package/page/page.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function Page(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
3
- export default Page;
package/page/page.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./page.module.css";
4
- function Page(props) {
5
- const joinedClassNames = joinClassNames(styles.page, props.className);
6
- return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Page;
9
- //# sourceMappingURL=page.js.map
package/page/page.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"page.js","sourceRoot":"","sources":["page.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,SAAS,IAAI,CAAC,KAA2C;IACvD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEvE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,IAAI,CAAC"}
package/row/row.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function Row(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
3
- export default Row;
package/row/row.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./row.module.css";
4
- function Row(props) {
5
- const joinedClassNames = joinClassNames(styles.row, props.className);
6
- return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Row;
9
- //# sourceMappingURL=row.js.map
package/row/row.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"row.js","sourceRoot":"","sources":["row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,SAAS,GAAG,CAAC,KAA2C;IACtD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAC"}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare function Spacer(): JSX.Element;
3
- export default Spacer;
package/spacer/spacer.js DELETED
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- import styles from "./spacer.module.css";
3
- function Spacer() {
4
- return React.createElement("div", { className: styles.spacer });
5
- }
6
- export default Spacer;
7
- //# sourceMappingURL=spacer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"spacer.js","sourceRoot":"","sources":["spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,SAAS,MAAM;IACX,OAAO,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAQ,CAAC;AACjD,CAAC;AAED,eAAe,MAAM,CAAC"}
package/stack/stack.d.ts DELETED
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare function Stack(props: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
3
- export default Stack;
package/stack/stack.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./stack.module.css";
4
- function Stack(props) {
5
- const joinedClassNames = joinClassNames(styles.stack, props.className);
6
- return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Stack;
9
- //# sourceMappingURL=stack.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stack.js","sourceRoot":"","sources":["stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,SAAS,KAAK,CAAC,KAA2C;IACxD,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,OAAO,CACL,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACxC,KAAK,CAAC,QAAQ,CACX,CACP,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC"}
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- interface SvgIconProps extends React.HTMLAttributes<HTMLElement> {
3
- size?: number;
4
- }
5
- declare function SvgIcon(props: SvgIconProps): JSX.Element;
6
- export default SvgIcon;
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames, joinStyles } from "@yakad/lib";
3
- import styles from "./svgIcon.module.css";
4
- function SvgIcon(props) {
5
- const joinedClassNames = joinClassNames(styles.svg, props.className);
6
- const joinedStyles = joinStyles(props.size
7
- ? { width: props.size + "rem", height: props.size + "rem" }
8
- : {}, props.style);
9
- return (React.createElement("div", { ...props, className: joinedClassNames, style: joinedStyles }, props.children));
10
- }
11
- export default SvgIcon;
12
- //# sourceMappingURL=svgIcon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"svgIcon.js","sourceRoot":"","sources":["svgIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAM1C,SAAS,OAAO,CAAC,KAAmB;IAChC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAEtE,MAAM,YAAY,GAAG,UAAU,CAC3B,KAAK,CAAC,IAAI;QACN,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EAAE;QAC3D,CAAC,CAAC,EAAE,EACR,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,KAAK,EAAE,YAAY,IAC3D,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,OAAO,CAAC"}
package/theme/theme.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface ThemeProps extends React.HTMLAttributes<HTMLElement> {
3
- mode?: "light" | "dark" | "system";
4
- color?: "green" | "pink" | "grow" | "blue" | "purple";
5
- }
6
- declare function Theme(props: ThemeProps): JSX.Element;
7
- export default Theme;
package/theme/theme.js DELETED
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { joinClassNames } from "@yakad/lib";
3
- import styles from "./theme.module.css";
4
- function Theme(props) {
5
- const joinedClassNames = joinClassNames(props.mode ? styles[props.mode] : styles.system, props.color ? styles[props.color] : styles.blue, props.className);
6
- return (React.createElement("div", { ...props, className: joinedClassNames }, props.children));
7
- }
8
- export default Theme;
9
- //# sourceMappingURL=theme.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.js","sourceRoot":"","sources":["theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAc,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAOxC,SAAS,KAAK,CAAC,KAAiB;IAC5B,MAAM,gBAAgB,GAAG,cAAc,CACnC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAC/C,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAC/C,KAAK,CAAC,SAAU,CACnB,CAAC;IACF,OAAO,CACH,gCAAS,KAAK,EAAE,SAAS,EAAE,gBAAgB,IACtC,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC"}