@hotosm/ui 0.2.0-b4 → 0.2.0-b6

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 (54) hide show
  1. package/README.md +99 -107
  2. package/components/header/header.styles.ts +103 -0
  3. package/components/header/header.ts +117 -194
  4. package/components/icons.ts +1 -1
  5. package/components/index.ts +68 -62
  6. package/components/logo/logo.styles.ts +8 -0
  7. package/components/logo/logo.ts +37 -0
  8. package/components/react/Header.ts +16 -0
  9. package/components/react/Logo.ts +15 -0
  10. package/components/react/Toolbar.ts +24 -0
  11. package/components/react/Tracking.ts +17 -0
  12. package/components/react/index.ts +63 -0
  13. package/components/toolbar/toolbar.styles.ts +6 -0
  14. package/components/toolbar/toolbar.ts +100 -57
  15. package/components/tracking/tracking.styles.ts +23 -0
  16. package/components/tracking/tracking.ts +89 -85
  17. package/dist/components/header/header.d.ts +28 -0
  18. package/dist/components/header/header.styles.d.ts +6 -0
  19. package/dist/components/index.d.ts +130 -0
  20. package/dist/components/logo/logo.d.ts +10 -0
  21. package/dist/components/logo/logo.styles.d.ts +2 -0
  22. package/dist/components/react/Tracking.d.ts +2 -0
  23. package/dist/components/react/index.d.ts +62 -0
  24. package/dist/components/toolbar/toolbar.d.ts +20 -0
  25. package/dist/components/toolbar/toolbar.styles.d.ts +2 -0
  26. package/{components → dist/components}/tracking/tracking.d.ts +8 -9
  27. package/dist/components/tracking/tracking.styles.d.ts +2 -0
  28. package/dist/{components.js → hotosm-ui.js} +3707 -3671
  29. package/dist/style.css +1 -1
  30. package/package.json +35 -33
  31. package/theme/hot-sl.css +180 -0
  32. package/theme/hot.css +177 -121
  33. package/theme/logo/hot-logo-icon.svg +1 -0
  34. package/theme/logo/hot-logo-png.png +0 -0
  35. package/theme/logo/hot-logo-text.svg +1 -0
  36. package/components/header/header.d.ts +0 -30
  37. package/components/header/header.js +0 -237
  38. package/components/icons.js +0 -78
  39. package/components/index.d.ts +0 -127
  40. package/components/index.js +0 -127
  41. package/components/toolbar/toolbar.d.ts +0 -24
  42. package/components/toolbar/toolbar.js +0 -121
  43. package/components/tracking/tracking.js +0 -164
  44. package/react/Header.js +0 -14
  45. package/react/Toolbar.js +0 -21
  46. package/react/Tracking.js +0 -15
  47. package/react/index.d.ts +0 -3
  48. package/react/index.js +0 -5
  49. package/theme/logo.png +0 -0
  50. package/theme/sl-custom.css +0 -74
  51. /package/{components → dist/components}/icons.d.ts +0 -0
  52. /package/{react → dist/components/react}/Header.d.ts +0 -0
  53. /package/{react/Toolbar.d.ts → dist/components/react/Logo.d.ts} +0 -0
  54. /package/{react/Tracking.d.ts → dist/components/react/Toolbar.d.ts} +0 -0
package/react/Header.js DELETED
@@ -1,14 +0,0 @@
1
- // @ts-ignore
2
- import * as React from 'react';
3
- import { createComponent } from '@lit/react';
4
- import Header from '../components/header/header';
5
- const reactWrapper = createComponent({
6
- tagName: 'hot-header',
7
- elementClass: Header,
8
- react: React,
9
- events: {
10
- onLogin: 'login',
11
- },
12
- displayName: 'hot-header'
13
- });
14
- export default reactWrapper;
package/react/Toolbar.js DELETED
@@ -1,21 +0,0 @@
1
- // @ts-ignore
2
- import * as React from 'react';
3
- import { createComponent } from '@lit/react';
4
- import Toolbar from '../components/toolbar/toolbar';
5
- const reactWrapper = createComponent({
6
- tagName: 'hot-toolbar',
7
- elementClass: Toolbar,
8
- react: React,
9
- events: {
10
- onUndoClick: 'undo',
11
- onRedoClick: 'redo',
12
- onBoldClick: 'bold',
13
- onItalicClick: 'italic',
14
- onUnderlineClick: 'underline',
15
- onLeftalignClick: 'leftalign',
16
- onCenteralignClick: 'centeralign',
17
- onRightalignClick: 'rightalign',
18
- },
19
- displayName: 'hot-toolbar'
20
- });
21
- export default reactWrapper;
package/react/Tracking.js DELETED
@@ -1,15 +0,0 @@
1
- // @ts-ignore
2
- import * as React from 'react';
3
- import { createComponent } from '@lit/react';
4
- import Tracking from '../components/tracking/tracking';
5
- const reactWrapper = createComponent({
6
- tagName: 'hot-tracking',
7
- elementClass: Tracking,
8
- react: React,
9
- events: {
10
- onAgree: 'agree',
11
- onDisagree: 'disagree',
12
- },
13
- displayName: 'hot-tracking'
14
- });
15
- export default reactWrapper;
package/react/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export { default as Header } from './Header';
2
- export { default as Toolbar } from './Toolbar';
3
- export { default as Tracking } from './Tracking';
package/react/index.js DELETED
@@ -1,5 +0,0 @@
1
- // Index to import all components together
2
- // import '@hotosm/ui/react';
3
- export { default as Header } from './Header';
4
- export { default as Toolbar } from './Toolbar';
5
- export { default as Tracking } from './Tracking';
package/theme/logo.png DELETED
Binary file
package/theme/sl-custom.css DELETED
@@ -1,74 +0,0 @@
1
- /* Custom theme for Shoelace components, using HOT CSS */
2
-
3
- @import './hot.css';
4
- /* https://github.com/shoelace-style/shoelace/blob/next/src/themes/light.css */
5
- @import '@shoelace-style/shoelace/dist/themes/light.css';
6
- /* @import '@shoelace-style/shoelace/dist/themes/dark.css'; */
7
- /* https://shoelace.style/getting-started/themes#detecting-the-users-color-scheme-preference */
8
-
9
- @unocss preflights;
10
- @unocss default;
11
-
12
- :root,
13
- :host,
14
- .sl-theme-light {
15
- --sl-color-primary-50: var(--hot-red-50);
16
- --sl-color-primary-100: var(--hot-red-100);
17
- --sl-color-primary-200: var(--hot-red-200);
18
- --sl-color-primary-300: var(--hot-red-300);
19
- --sl-color-primary-400: var(--hot-red-400);
20
- --sl-color-primary-500: var(--hot-red-500);
21
- --sl-color-primary-600: var(--hot-red-600);
22
- --sl-color-primary-700: var(--hot-red-700);
23
- --sl-color-primary-800: var(--hot-red-800);
24
- --sl-color-primary-900: var(--hot-red-900);
25
- --sl-color-primary-950: var(--hot-red-900);
26
-
27
- --sl-color-danger-50: var(--hot-darkred-50);
28
- --sl-color-danger-100: var(--hot-darkred-100);
29
- --sl-color-danger-200: var(--hot-darkred-200);
30
- --sl-color-danger-300: var(--hot-darkred-300);
31
- --sl-color-danger-400: var(--hot-darkred-400);
32
- --sl-color-danger-500: var(--hot-darkred-500);
33
- --sl-color-danger-600: var(--hot-darkred-600);
34
- --sl-color-danger-700: var(--hot-darkred-700);
35
- --sl-color-danger-800: var(--hot-darkred-800);
36
- --sl-color-danger-900: var(--hot-darkred-900);
37
- --sl-color-danger-950: var(--hot-darkred-900);
38
-
39
- --sl-color-neutral-50: var(--hot-gray-50);
40
- --sl-color-neutral-100: var(--hot-gray-100);
41
- --sl-color-neutral-200: var(--hot-gray-200);
42
- --sl-color-neutral-300: var(--hot-gray-300);
43
- --sl-color-neutral-400: var(--hot-gray-400);
44
- --sl-color-neutral-500: var(--hot-gray-500);
45
- --sl-color-neutral-600: var(--hot-gray-600);
46
- --sl-color-neutral-700: var(--hot-gray-700);
47
- --sl-color-neutral-800: var(--hot-gray-800);
48
- --sl-color-neutral-900: var(--hot-gray-900);
49
- --sl-color-neutral-950: var(--hot-gray-900);
50
-
51
- --sl-color-success-50: var(--hot-green-50);
52
- --sl-color-success-100: var(--hot-green-100);
53
- --sl-color-success-200: var(--hot-green-200);
54
- --sl-color-success-300: var(--hot-green-300);
55
- --sl-color-success-400: var(--hot-green-400);
56
- --sl-color-success-500: var(--hot-green-500);
57
- --sl-color-success-600: var(--hot-green-600);
58
- --sl-color-success-700: var(--hot-green-700);
59
- --sl-color-success-800: var(--hot-green-800);
60
- --sl-color-success-900: var(--hot-green-900);
61
- --sl-color-success-950: var(--hot-green-900);
62
-
63
- --sl-color-warning-50: var(--hot-yellow-50);
64
- --sl-color-warning-100: var(--hot-yellow-100);
65
- --sl-color-warning-200: var(--hot-yellow-200);
66
- --sl-color-warning-300: var(--hot-yellow-300);
67
- --sl-color-warning-400: var(--hot-yellow-400);
68
- --sl-color-warning-500: var(--hot-yellow-500);
69
- --sl-color-warning-600: var(--hot-yellow-600);
70
- --sl-color-warning-700: var(--hot-yellow-700);
71
- --sl-color-warning-800: var(--hot-yellow-800);
72
- --sl-color-warning-900: var(--hot-yellow-900);
73
- --sl-color-warning-950: var(--hot-yellow-900);
74
- }
/package/{components → dist/components}/icons.d.ts RENAMED
File without changes
/package/{react → dist/components/react}/Header.d.ts RENAMED
File without changes