@federball/components 0.0.2 → 0.0.4

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 (43) hide show
  1. package/dist/icons/AccountIcon.d.ts +3 -0
  2. package/dist/icons/AccountIcon.d.ts.map +1 -0
  3. package/dist/icons/AccountIcon.js +5 -0
  4. package/dist/icons/AccountIcon.js.map +1 -0
  5. package/dist/icons/ClubIcon.d.ts +3 -0
  6. package/dist/icons/ClubIcon.d.ts.map +1 -0
  7. package/dist/icons/ClubIcon.js +5 -0
  8. package/dist/icons/ClubIcon.js.map +1 -0
  9. package/dist/icons/DrawIcon.d.ts +3 -0
  10. package/dist/icons/DrawIcon.d.ts.map +1 -0
  11. package/dist/icons/DrawIcon.js +5 -0
  12. package/dist/icons/DrawIcon.js.map +1 -0
  13. package/dist/icons/DrawTypeIcon.d.ts +7 -0
  14. package/dist/icons/DrawTypeIcon.d.ts.map +1 -0
  15. package/dist/icons/DrawTypeIcon.js +12 -0
  16. package/dist/icons/DrawTypeIcon.js.map +1 -0
  17. package/dist/icons/EventTypeIcon.d.ts +7 -0
  18. package/dist/icons/EventTypeIcon.d.ts.map +1 -0
  19. package/dist/icons/EventTypeIcon.js +12 -0
  20. package/dist/icons/EventTypeIcon.js.map +1 -0
  21. package/dist/icons/FinishedIcon.d.ts +3 -0
  22. package/dist/icons/FinishedIcon.d.ts.map +1 -0
  23. package/dist/icons/FinishedIcon.js +5 -0
  24. package/dist/icons/FinishedIcon.js.map +1 -0
  25. package/dist/icons/GameStatusIcon.d.ts +7 -0
  26. package/dist/icons/GameStatusIcon.d.ts.map +1 -0
  27. package/dist/icons/GameStatusIcon.js +15 -0
  28. package/dist/icons/GameStatusIcon.js.map +1 -0
  29. package/dist/icons/RunningIcon.d.ts +3 -0
  30. package/dist/icons/RunningIcon.d.ts.map +1 -0
  31. package/dist/icons/RunningIcon.js +5 -0
  32. package/dist/icons/RunningIcon.js.map +1 -0
  33. package/dist/icons/ScheduledIcon.d.ts +3 -0
  34. package/dist/icons/ScheduledIcon.d.ts.map +1 -0
  35. package/dist/icons/ScheduledIcon.js +5 -0
  36. package/dist/icons/ScheduledIcon.js.map +1 -0
  37. package/dist/index.d.ts +7 -1
  38. package/dist/index.d.ts.map +1 -1
  39. package/dist/index.js +7 -1
  40. package/dist/index.js.map +1 -1
  41. package/dist/styles.css +193 -0
  42. package/package.json +12 -5
  43. package/dist/icons/icon.css +0 -25
@@ -0,0 +1,3 @@
1
+ import { IconProps } from "./icon";
2
+ export declare const AccountIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=AccountIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccountIcon.d.ts","sourceRoot":"","sources":["../../src/icons/AccountIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,4CAE9C,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const AccountIcon = ({ size }) => {
3
+ return _jsx("span", { className: `font-icon text-${size}`, children: "account_circle" });
4
+ };
5
+ //# sourceMappingURL=AccountIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AccountIcon.js","sourceRoot":"","sources":["../../src/icons/AccountIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IACjD,OAAO,eAAM,SAAS,EAAE,kBAAkB,IAAI,EAAE,+BAAuB,CAAC;AAC1E,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { IconProps } from "./icon";
2
+ export declare const ClubIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ClubIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClubIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ClubIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,QAAQ,GAAI,UAAU,SAAS,4CAE3C,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const ClubIcon = ({ size }) => {
3
+ return _jsx("span", { className: `font-icon text-${size}`, children: "shield" });
4
+ };
5
+ //# sourceMappingURL=ClubIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ClubIcon.js","sourceRoot":"","sources":["../../src/icons/ClubIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IAC9C,OAAO,eAAM,SAAS,EAAE,kBAAkB,IAAI,EAAE,uBAAe,CAAC;AAClE,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { IconProps } from "./icon";
2
+ export declare const DrawIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=DrawIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DrawIcon.d.ts","sourceRoot":"","sources":["../../src/icons/DrawIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,QAAQ,GAAI,UAAU,SAAS,4CAE3C,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const DrawIcon = ({ size }) => {
3
+ return _jsx("span", { className: `font-icon text-${size}`, children: "table" });
4
+ };
5
+ //# sourceMappingURL=DrawIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DrawIcon.js","sourceRoot":"","sources":["../../src/icons/DrawIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IAC9C,OAAO,eAAM,SAAS,EAAE,kBAAkB,IAAI,EAAE,sBAAc,CAAC;AACjE,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { IconProps } from "./icon";
2
+ type DrawTypeIconProps = {
3
+ type: "GROUP" | "KNOCKOUT";
4
+ } & IconProps;
5
+ export declare const DrawTypeIcon: ({ type, size }: DrawTypeIconProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=DrawTypeIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DrawTypeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/DrawTypeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,OAAO,GAAG,UAAU,CAAC;CAC5B,GAAG,SAAS,CAAC;AAEd,eAAO,MAAM,YAAY,GAAI,gBAAgB,iBAAiB,4CAO7D,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { GroupIcon } from "./GroupIcon";
3
+ import { KnockoutIcon } from "./KnockoutIcon";
4
+ export const DrawTypeIcon = ({ type, size }) => {
5
+ switch (type) {
6
+ case "GROUP":
7
+ return _jsx(GroupIcon, { size: size });
8
+ case "KNOCKOUT":
9
+ return _jsx(KnockoutIcon, { size: size });
10
+ }
11
+ };
12
+ //# sourceMappingURL=DrawTypeIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DrawTypeIcon.js","sourceRoot":"","sources":["../../src/icons/DrawTypeIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAqB,EAAE,EAAE;IAChE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACnC,KAAK,UAAU;YACb,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IACxC,CAAC;AACH,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { IconProps } from "./icon";
2
+ type EventTypeIconProps = {
3
+ type: "SINGLES" | "DOUBLES";
4
+ } & IconProps;
5
+ export declare const EventTypeIcon: ({ type, size }: EventTypeIconProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=EventTypeIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EventTypeIcon.d.ts","sourceRoot":"","sources":["../../src/icons/EventTypeIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;CAC7B,GAAG,SAAS,CAAC;AAEd,eAAO,MAAM,aAAa,GAAI,gBAAgB,kBAAkB,4CAO/D,CAAC"}
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { SinglesIcon } from "./SinglesIcon";
3
+ import { DoublesIcon } from "./DoublesIcon";
4
+ export const EventTypeIcon = ({ type, size }) => {
5
+ switch (type) {
6
+ case "SINGLES":
7
+ return _jsx(SinglesIcon, { size: size });
8
+ case "DOUBLES":
9
+ return _jsx(DoublesIcon, { size: size });
10
+ }
11
+ };
12
+ //# sourceMappingURL=EventTypeIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EventTypeIcon.js","sourceRoot":"","sources":["../../src/icons/EventTypeIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO5C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAsB,EAAE,EAAE;IAClE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACrC,KAAK,SAAS;YACZ,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IACvC,CAAC;AACH,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { IconProps } from "./icon";
2
+ export declare const FinishedIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=FinishedIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FinishedIcon.d.ts","sourceRoot":"","sources":["../../src/icons/FinishedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,YAAY,GAAI,UAAU,SAAS,4CAE/C,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const FinishedIcon = ({ size }) => {
3
+ return _jsx("span", { className: `font-icon text-${size}`, children: "check" });
4
+ };
5
+ //# sourceMappingURL=FinishedIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FinishedIcon.js","sourceRoot":"","sources":["../../src/icons/FinishedIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IAClD,OAAO,eAAM,SAAS,EAAE,kBAAkB,IAAI,EAAE,sBAAc,CAAC;AACjE,CAAC,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { IconProps } from "./icon";
2
+ type GameStatusIconProps = {
3
+ status: "SCHEDULED" | "RUNNING" | "FINISHED";
4
+ } & IconProps;
5
+ export declare const GameStatusIcon: ({ status, size }: GameStatusIconProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
7
+ //# sourceMappingURL=GameStatusIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GameStatusIcon.d.ts","sourceRoot":"","sources":["../../src/icons/GameStatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKnC,KAAK,mBAAmB,GAAG;IACzB,MAAM,EAAE,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;CAC9C,GAAG,SAAS,CAAC;AAEd,eAAO,MAAM,cAAc,GAAI,kBAAkB,mBAAmB,4CASnE,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ScheduledIcon } from "./ScheduledIcon";
3
+ import { RunningIcon } from "./RunningIcon";
4
+ import { FinishedIcon } from "./FinishedIcon";
5
+ export const GameStatusIcon = ({ status, size }) => {
6
+ switch (status) {
7
+ case "SCHEDULED":
8
+ return _jsx(ScheduledIcon, { size: size });
9
+ case "RUNNING":
10
+ return _jsx(RunningIcon, { size: size });
11
+ case "FINISHED":
12
+ return _jsx(FinishedIcon, { size: size });
13
+ }
14
+ };
15
+ //# sourceMappingURL=GameStatusIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GameStatusIcon.js","sourceRoot":"","sources":["../../src/icons/GameStatusIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAM9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAuB,EAAE,EAAE;IACtE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,WAAW;YACd,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACrC,KAAK,UAAU;YACb,OAAO,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;IACxC,CAAC;AACH,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { IconProps } from "./icon";
2
+ export declare const RunningIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=RunningIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RunningIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RunningIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,WAAW,GAAI,UAAU,SAAS,4CAE9C,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const RunningIcon = ({ size }) => {
3
+ return _jsx("span", { className: `font-icon text-${size}`, children: "autorenew" });
4
+ };
5
+ //# sourceMappingURL=RunningIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RunningIcon.js","sourceRoot":"","sources":["../../src/icons/RunningIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IACjD,OAAO,eAAM,SAAS,EAAE,kBAAkB,IAAI,EAAE,0BAAkB,CAAC;AACrE,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { IconProps } from "./icon";
2
+ export declare const ScheduledIcon: ({ size }: IconProps) => import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=ScheduledIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScheduledIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ScheduledIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEnC,eAAO,MAAM,aAAa,GAAI,UAAU,SAAS,4CAEhD,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const ScheduledIcon = ({ size }) => {
3
+ return _jsx("span", { className: `font-icon text-${size}`, children: "schedule" });
4
+ };
5
+ //# sourceMappingURL=ScheduledIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScheduledIcon.js","sourceRoot":"","sources":["../../src/icons/ScheduledIcon.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAa,EAAE,EAAE;IACnD,OAAO,eAAM,SAAS,EAAE,kBAAkB,IAAI,EAAE,yBAAiB,CAAC;AACpE,CAAC,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,7 +1,13 @@
1
+ import { AccountIcon } from "./icons/AccountIcon";
2
+ import { ClubIcon } from "./icons/ClubIcon";
1
3
  import { CourtIcon } from "./icons/CourtIcon";
2
4
  import { DarkModeIcon } from "./icons/DarkModeIcon";
3
5
  import { DoublesIcon } from "./icons/DoublesIcon";
6
+ import { DrawIcon } from "./icons/DrawIcon";
7
+ import { DrawTypeIcon } from "./icons/DrawTypeIcon";
4
8
  import { EventIcon } from "./icons/EventIcon";
9
+ import { EventTypeIcon } from "./icons/EventTypeIcon";
10
+ import { GameStatusIcon } from "./icons/GameStatusIcon";
5
11
  import { GroupIcon } from "./icons/GroupIcon";
6
12
  import { KnockoutIcon } from "./icons/KnockoutIcon";
7
13
  import { LightModeIcon } from "./icons/LightModeIcon";
@@ -10,5 +16,5 @@ import { PlayerIcon } from "./icons/PlayerIcon";
10
16
  import { SinglesIcon } from "./icons/SinglesIcon";
11
17
  import { TimerIcon } from "./icons/TimerIcon";
12
18
  import { TournamentIcon } from "./icons/TournamentIcon";
13
- export { CourtIcon, DarkModeIcon, DoublesIcon, EventIcon, GroupIcon, KnockoutIcon, LightModeIcon, OrganizationIcon, PlayerIcon, SinglesIcon, TimerIcon, TournamentIcon, };
19
+ export { AccountIcon, ClubIcon, CourtIcon, DarkModeIcon, DrawIcon, DrawTypeIcon, DoublesIcon, EventIcon, EventTypeIcon, GameStatusIcon, GroupIcon, KnockoutIcon, LightModeIcon, OrganizationIcon, PlayerIcon, SinglesIcon, TimerIcon, TournamentIcon, };
14
20
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,SAAS,EACT,SAAS,EACT,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,GACf,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,SAAS,EACT,aAAa,EACb,cAAc,EACd,SAAS,EACT,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,GACf,CAAC"}
package/dist/index.js CHANGED
@@ -1,7 +1,13 @@
1
+ import { AccountIcon } from "./icons/AccountIcon";
2
+ import { ClubIcon } from "./icons/ClubIcon";
1
3
  import { CourtIcon } from "./icons/CourtIcon";
2
4
  import { DarkModeIcon } from "./icons/DarkModeIcon";
3
5
  import { DoublesIcon } from "./icons/DoublesIcon";
6
+ import { DrawIcon } from "./icons/DrawIcon";
7
+ import { DrawTypeIcon } from "./icons/DrawTypeIcon";
4
8
  import { EventIcon } from "./icons/EventIcon";
9
+ import { EventTypeIcon } from "./icons/EventTypeIcon";
10
+ import { GameStatusIcon } from "./icons/GameStatusIcon";
5
11
  import { GroupIcon } from "./icons/GroupIcon";
6
12
  import { KnockoutIcon } from "./icons/KnockoutIcon";
7
13
  import { LightModeIcon } from "./icons/LightModeIcon";
@@ -10,5 +16,5 @@ import { PlayerIcon } from "./icons/PlayerIcon";
10
16
  import { SinglesIcon } from "./icons/SinglesIcon";
11
17
  import { TimerIcon } from "./icons/TimerIcon";
12
18
  import { TournamentIcon } from "./icons/TournamentIcon";
13
- export { CourtIcon, DarkModeIcon, DoublesIcon, EventIcon, GroupIcon, KnockoutIcon, LightModeIcon, OrganizationIcon, PlayerIcon, SinglesIcon, TimerIcon, TournamentIcon, };
19
+ export { AccountIcon, ClubIcon, CourtIcon, DarkModeIcon, DrawIcon, DrawTypeIcon, DoublesIcon, EventIcon, EventTypeIcon, GameStatusIcon, GroupIcon, KnockoutIcon, LightModeIcon, OrganizationIcon, PlayerIcon, SinglesIcon, TimerIcon, TournamentIcon, };
14
20
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,SAAS,EACT,SAAS,EACT,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,GACf,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,SAAS,EACT,aAAa,EACb,cAAc,EACd,SAAS,EACT,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,GACf,CAAC"}
@@ -0,0 +1,193 @@
1
+ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
+ @layer theme, base, components, utilities;
3
+ @layer theme {
4
+ :root, :host {
5
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
6
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
8
+ "Courier New", monospace;
9
+ --default-font-family: var(--font-sans);
10
+ --default-mono-font-family: var(--font-mono);
11
+ }
12
+ }
13
+ @layer base {
14
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
15
+ box-sizing: border-box;
16
+ margin: 0;
17
+ padding: 0;
18
+ border: 0 solid;
19
+ }
20
+ html, :host {
21
+ line-height: 1.5;
22
+ -webkit-text-size-adjust: 100%;
23
+ tab-size: 4;
24
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
25
+ font-feature-settings: var(--default-font-feature-settings, normal);
26
+ font-variation-settings: var(--default-font-variation-settings, normal);
27
+ -webkit-tap-highlight-color: transparent;
28
+ }
29
+ hr {
30
+ height: 0;
31
+ color: inherit;
32
+ border-top-width: 1px;
33
+ }
34
+ abbr:where([title]) {
35
+ -webkit-text-decoration: underline dotted;
36
+ text-decoration: underline dotted;
37
+ }
38
+ h1, h2, h3, h4, h5, h6 {
39
+ font-size: inherit;
40
+ font-weight: inherit;
41
+ }
42
+ a {
43
+ color: inherit;
44
+ -webkit-text-decoration: inherit;
45
+ text-decoration: inherit;
46
+ }
47
+ b, strong {
48
+ font-weight: bolder;
49
+ }
50
+ code, kbd, samp, pre {
51
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
52
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
53
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
54
+ font-size: 1em;
55
+ }
56
+ small {
57
+ font-size: 80%;
58
+ }
59
+ sub, sup {
60
+ font-size: 75%;
61
+ line-height: 0;
62
+ position: relative;
63
+ vertical-align: baseline;
64
+ }
65
+ sub {
66
+ bottom: -0.25em;
67
+ }
68
+ sup {
69
+ top: -0.5em;
70
+ }
71
+ table {
72
+ text-indent: 0;
73
+ border-color: inherit;
74
+ border-collapse: collapse;
75
+ }
76
+ :-moz-focusring {
77
+ outline: auto;
78
+ }
79
+ progress {
80
+ vertical-align: baseline;
81
+ }
82
+ summary {
83
+ display: list-item;
84
+ }
85
+ ol, ul, menu {
86
+ list-style: none;
87
+ }
88
+ img, svg, video, canvas, audio, iframe, embed, object {
89
+ display: block;
90
+ vertical-align: middle;
91
+ }
92
+ img, video {
93
+ max-width: 100%;
94
+ height: auto;
95
+ }
96
+ button, input, select, optgroup, textarea, ::file-selector-button {
97
+ font: inherit;
98
+ font-feature-settings: inherit;
99
+ font-variation-settings: inherit;
100
+ letter-spacing: inherit;
101
+ color: inherit;
102
+ border-radius: 0;
103
+ background-color: transparent;
104
+ opacity: 1;
105
+ }
106
+ :where(select:is([multiple], [size])) optgroup {
107
+ font-weight: bolder;
108
+ }
109
+ :where(select:is([multiple], [size])) optgroup option {
110
+ padding-inline-start: 20px;
111
+ }
112
+ ::file-selector-button {
113
+ margin-inline-end: 4px;
114
+ }
115
+ ::placeholder {
116
+ opacity: 1;
117
+ }
118
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
119
+ ::placeholder {
120
+ color: currentcolor;
121
+ @supports (color: color-mix(in lab, red, red)) {
122
+ color: color-mix(in oklab, currentcolor 50%, transparent);
123
+ }
124
+ }
125
+ }
126
+ textarea {
127
+ resize: vertical;
128
+ }
129
+ ::-webkit-search-decoration {
130
+ -webkit-appearance: none;
131
+ }
132
+ ::-webkit-date-and-time-value {
133
+ min-height: 1lh;
134
+ text-align: inherit;
135
+ }
136
+ ::-webkit-datetime-edit {
137
+ display: inline-flex;
138
+ }
139
+ ::-webkit-datetime-edit-fields-wrapper {
140
+ padding: 0;
141
+ }
142
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
143
+ padding-block: 0;
144
+ }
145
+ ::-webkit-calendar-picker-indicator {
146
+ line-height: 1;
147
+ }
148
+ :-moz-ui-invalid {
149
+ box-shadow: none;
150
+ }
151
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
152
+ appearance: button;
153
+ }
154
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
155
+ height: auto;
156
+ }
157
+ [hidden]:where(:not([hidden="until-found"])) {
158
+ display: none !important;
159
+ }
160
+ }
161
+ @layer utilities {
162
+ .table {
163
+ display: table;
164
+ }
165
+ }
166
+ @layer base {
167
+ @font-face {
168
+ font-family: "Material Symbols Outlined";
169
+ font-style: normal;
170
+ font-weight: 100 700;
171
+ font-display: block;
172
+ src: url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined);
173
+ }
174
+ }
175
+ @layer components {
176
+ .font-icon {
177
+ font-family: "Material Symbols Outlined", sans-serif;
178
+ font-weight: normal;
179
+ font-style: normal;
180
+ font-size: 24px;
181
+ line-height: 1;
182
+ letter-spacing: normal;
183
+ text-transform: none;
184
+ display: inline-block;
185
+ white-space: nowrap;
186
+ word-wrap: normal;
187
+ direction: ltr;
188
+ -webkit-font-smoothing: antialiased;
189
+ -moz-osx-font-smoothing: grayscale;
190
+ text-rendering: optimizeLegibility;
191
+ font-feature-settings: "liga";
192
+ }
193
+ }
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "@federball/components",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
+ "type": "module",
4
5
  "description": "Component library for federball.app",
5
6
  "source": "src/index.ts",
6
7
  "main": "./dist/index.js",
@@ -12,15 +13,18 @@
12
13
  "import": "./dist/index.js",
13
14
  "require": "./dist/index.js"
14
15
  },
15
- "./styles.css": "./dist/icons/icon.css"
16
+ "./styles.css": "./dist/styles.css"
16
17
  },
17
18
  "files": [
18
19
  "dist"
19
20
  ],
21
+ "keywords": [
22
+ "federball"
23
+ ],
20
24
  "scripts": {
21
- "build": "npm run clean && tsc && npm run copy-css",
25
+ "build": "npm run clean && tsc && npm run build:css",
26
+ "build:css": "postcss src/styles.css -o dist/styles.css --verbose",
22
27
  "clean": "rm -rf dist",
23
- "copy-css": "mkdir -p dist/icons && cp src/icons/icon.css dist/icons/",
24
28
  "prepublishOnly": "npm run build",
25
29
  "format": "prettier --write .",
26
30
  "format:check": "prettier --check .",
@@ -44,14 +48,17 @@
44
48
  "react": ">=18.0.0",
45
49
  "react-dom": ">=18.0.0"
46
50
  },
47
- "dependencies": {},
48
51
  "devDependencies": {
52
+ "@tailwindcss/postcss": "^4.2.2",
49
53
  "@types/react": "19.2.3",
50
54
  "@types/react-dom": "19.2.3",
51
55
  "husky": "^9.1.7",
56
+ "postcss": "^8.5.8",
57
+ "postcss-cli": "^11.0.1",
52
58
  "prettier": "^3.8.1",
53
59
  "react": "19.2.3",
54
60
  "react-dom": "19.2.3",
61
+ "tailwindcss": "^4.2.2",
55
62
  "typescript": "^5.9.3"
56
63
  }
57
64
  }
@@ -1,25 +0,0 @@
1
- @font-face {
2
- font-family: "Material Symbols Outlined";
3
- font-style: normal;
4
- font-weight: 100 700;
5
- font-display: block;
6
- src: url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined);
7
- }
8
-
9
- .font-icon {
10
- font-family: "Material Symbols Outlined", sans-serif;
11
- font-weight: normal;
12
- font-style: normal;
13
- font-size: 24px;
14
- line-height: 1;
15
- letter-spacing: normal;
16
- text-transform: none;
17
- display: inline-block;
18
- white-space: nowrap;
19
- word-wrap: normal;
20
- direction: ltr;
21
- -webkit-font-smoothing: antialiased;
22
- -moz-osx-font-smoothing: grayscale;
23
- text-rendering: optimizeLegibility;
24
- font-feature-settings: "liga";
25
- }