@yakad/ui 1.2.52-beta → 1.2.53-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 +0 -13
  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(var(--onSurfaceRGBColor, 26 28 30) / 0.87);
14
+ color: rgb(var(--onSurfaceColor, #1c1b1f) / 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(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
47
+ border-bottom: solid 0.1rem rgb(var(--onSurfaceColor, #1c1b1f) / 0.6);
48
48
  border-radius: 0.4rem 0.4rem 0rem 0rem;
49
49
  padding: 0rem 1.2rem 1rem;
50
- background-color: rgb(var(--onSurfaceRGBColor, 26 28 30)/ 0.04);
50
+ background-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 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(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
76
+ border-top-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 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(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
88
+ color: rgb(var(--onSurfaceColor, #1c1b1f) / 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(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
97
+ border-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 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(var(--onSurfaceRGBColor, 26 28 30) / 0.6);
124
+ border-top-color: rgb(var(--onSurfaceColor, #1c1b1f) / 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(var(--onSurfaceRGBColor, 26 28 30)/ 0.6);
148
+ border-top-color: rgb(var(--onSurfaceColor, #1c1b1f)/ 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.52-beta",
3
+ "version": "1.2.53-beta",
4
4
  "description": "",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {
@@ -25,7 +25,6 @@
25
25
  --LightSurfaceContainerHightColor: #ece6f0;
26
26
  --LightSurfaceContainerHighestColor: #e6e0e9;
27
27
  --LightOnSurfaceColor: #1c1b1f;
28
- --LightOnSurfaceRGBColor:26 28 30;
29
28
  --LightOnSurfaceVariantColor: #49454e;
30
29
  --LightOutlineColor: #79747e;
31
30
  --LightOutlineVariantColor: #c4c7c5;
@@ -55,7 +54,6 @@
55
54
  --DarkSurfaceContainerHightColor: #2b2930;
56
55
  --DarkSurfaceContainerHighestColor: #36343b;
57
56
  --DarkOnSurfaceColor: #e6e1e5;
58
- --DarkOnSurfaceRGBColor:227 226 230;
59
57
  --DarkOnSurfaceVariantColor: #cac4d0;
60
58
  --DarkOutlineColor: #938f99;
61
59
  --DarkOutlineVariantColor: #444746;
@@ -86,7 +84,6 @@
86
84
  --LightSurfaceContainerHightColor: #ece6f0;
87
85
  --LightSurfaceContainerHighestColor: #e6e0e9;
88
86
  --LightOnSurfaceColor: #1c1b1f;
89
- --LightOnSurfaceRGBColor:26 28 30;
90
87
  --LightOnSurfaceVariantColor: #49454e;
91
88
  --LightOutlineColor: #79747e;
92
89
  --LightOutlineVariantColor: #c4c7c5;
@@ -116,7 +113,6 @@
116
113
  --DarkSurfaceContainerHightColor: #2b2930;
117
114
  --DarkSurfaceContainerHighestColor: #36343b;
118
115
  --DarkOnSurfaceColor: #e6e1e5;
119
- --DarkOnSurfaceRGBColor:227 226 230;
120
116
  --DarkOnSurfaceVariantColor: #cac4d0;
121
117
  --DarkOutlineColor: #938f99;
122
118
  --DarkOutlineVariantColor: #444746;
@@ -148,7 +144,6 @@
148
144
  --LightSurfaceContainerHightColor: #ece6f0;
149
145
  --LightSurfaceContainerHighestColor: #e6e0e9;
150
146
  --LightOnSurfaceColor: #1c1b1f;
151
- --LightOnSurfaceRGBColor:26 28 30;
152
147
  --LightOnSurfaceVariantColor: #49454e;
153
148
  --LightOutlineColor: #79747e;
154
149
  --LightOutlineVariantColor: #c4c7c5;
@@ -178,7 +173,6 @@
178
173
  --DarkSurfaceContainerHightColor: #2b2930;
179
174
  --DarkSurfaceContainerHighestColor: #36343b;
180
175
  --DarkOnSurfaceColor: #e6e1e5;
181
- --DarkOnSurfaceRGBColor:227 226 230;
182
176
  --DarkOnSurfaceVariantColor: #cac4d0;
183
177
  --DarkOutlineColor: #938f99;
184
178
  --DarkOutlineVariantColor: #444746;
@@ -210,7 +204,6 @@
210
204
  --LightSurfaceContainerHightColor: #ece6f0;
211
205
  --LightSurfaceContainerHighestColor: #e6e0e9;
212
206
  --LightOnSurfaceColor: #1c1b1f;
213
- --LightOnSurfaceRGBColor:26 28 30;
214
207
  --LightOnSurfaceVariantColor: #49454e;
215
208
  --LightOutlineColor: #79747e;
216
209
  --LightOutlineVariantColor: #c4c7c5;
@@ -240,7 +233,6 @@
240
233
  --DarkSurfaceContainerHightColor: #2b2930;
241
234
  --DarkSurfaceContainerHighestColor: #36343b;
242
235
  --DarkOnSurfaceColor: #e6e1e5;
243
- --DarkOnSurfaceRGBColor:227 226 230;
244
236
  --DarkOnSurfaceVariantColor: #cac4d0;
245
237
  --DarkOutlineColor: #938f99;
246
238
  --DarkOutlineVariantColor: #444746;
@@ -274,7 +266,6 @@
274
266
  --LightSurfaceContainerHightColor: #ece6f0;
275
267
  --LightSurfaceContainerHighestColor: #e6e0e9;
276
268
  --LightOnSurfaceColor: #1c1b1f;
277
- --LightOnSurfaceRGBColor:26 28 30;
278
269
  --LightOnSurfaceVariantColor: #49454e;
279
270
  --LightOutlineColor: #79747e;
280
271
  --LightOutlineVariantColor: #c4c7c5;
@@ -306,7 +297,6 @@
306
297
  --DarkSurfaceContainerHightColor: #2b2930;
307
298
  --DarkSurfaceContainerHighestColor: #36343b;
308
299
  --DarkOnSurfaceColor: #e6e1e5;
309
- --DarkOnSurfaceRGBColor:227 226 230;
310
300
  --DarkOnSurfaceVariantColor: #cac4d0;
311
301
  --DarkOutlineColor: #938f99;
312
302
  --DarkOutlineVariantColor: #444746;
@@ -338,7 +328,6 @@
338
328
  --surfaceContainerHightColor: var(--LightSurfaceContainerHightColor);
339
329
  --surfaceContainerHighestColor: var(--LightSurfaceContainerHighestColor);
340
330
  --onSurfaceColor: var(--LightOnSurfaceColor);
341
- --onSurfaceRGBColor:var(--LightOnSurfaceRGBColor);
342
331
  --onSurfaceVariantColor: var(--LightOnSurfaceVariantColor);
343
332
  --outlineColor: var(--LightOutlineColor);
344
333
  --outlineVariantColor: var(--LightOutlineVariantColor);
@@ -368,7 +357,6 @@
368
357
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
369
358
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
370
359
  --onSurfaceColor: var(--DarkOnSurfaceColor);
371
- --onSurfaceRGBColor:var(--DarkOnSurfaceRGBColor);
372
360
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
373
361
  --outlineColor: var(--DarkOutlineColor);
374
362
  --outlineVariantColor: var(--DarkOutlineVariantColor);
@@ -399,7 +387,6 @@
399
387
  --surfaceContainerHightColor: var(--DarkSurfaceContainerHightColor);
400
388
  --surfaceContainerHighestColor: var(--DarkSurfaceContainerHighestColor);
401
389
  --onSurfaceColor: var(--DarkOnSurfaceColor);
402
- --onSurfaceRGBColor:var(--DarkOnSurfaceRGBColor);
403
390
  --onSurfaceVariantColor: var(--DarkOnSurfaceVariantColor);
404
391
  --outlineColor: var(--DarkOutlineColor);
405
392
  --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"}