@ostack.tech/ui-exhibit 0.10.0

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 (51) hide show
  1. package/README.md +3 -0
  2. package/dist/favicon.svg +11 -0
  3. package/dist/ostack-ui-exhibit.css +58 -0
  4. package/dist/ostack-ui-exhibit.js +1466 -0
  5. package/dist/ostack-ui-exhibit.js.map +1 -0
  6. package/dist/types/ExhibitApp.d.ts +8 -0
  7. package/dist/types/ExhibitContext.d.ts +6 -0
  8. package/dist/types/components/ExhibitGrid.d.ts +11 -0
  9. package/dist/types/components/ExhibitSection.d.ts +7 -0
  10. package/dist/types/index.d.ts +1 -0
  11. package/dist/types/main.d.ts +0 -0
  12. package/dist/types/sections/AlertDialogSection.d.ts +1 -0
  13. package/dist/types/sections/AlertSection.d.ts +1 -0
  14. package/dist/types/sections/ButtonGroupSection.d.ts +1 -0
  15. package/dist/types/sections/ButtonSection.d.ts +1 -0
  16. package/dist/types/sections/CalendarSection.d.ts +1 -0
  17. package/dist/types/sections/CheckboxGroupSection.d.ts +1 -0
  18. package/dist/types/sections/CheckboxSection.d.ts +1 -0
  19. package/dist/types/sections/CodeSection.d.ts +1 -0
  20. package/dist/types/sections/CollapsibleSection.d.ts +1 -0
  21. package/dist/types/sections/CommandMenuSection.d.ts +1 -0
  22. package/dist/types/sections/DataTableSection.d.ts +1 -0
  23. package/dist/types/sections/DateInputSection.d.ts +1 -0
  24. package/dist/types/sections/DateRangeInputSection.d.ts +1 -0
  25. package/dist/types/sections/DialogSection.d.ts +1 -0
  26. package/dist/types/sections/DropdownMenuSection.d.ts +1 -0
  27. package/dist/types/sections/IconButtonSection.d.ts +1 -0
  28. package/dist/types/sections/InputSection.d.ts +1 -0
  29. package/dist/types/sections/KeyboardSection.d.ts +1 -0
  30. package/dist/types/sections/LinkSection.d.ts +1 -0
  31. package/dist/types/sections/MarkSection.d.ts +1 -0
  32. package/dist/types/sections/MenuListSection.d.ts +1 -0
  33. package/dist/types/sections/NumericInputSection.d.ts +1 -0
  34. package/dist/types/sections/OutputSection.d.ts +1 -0
  35. package/dist/types/sections/PopoverSection.d.ts +1 -0
  36. package/dist/types/sections/RadioGroupSection.d.ts +1 -0
  37. package/dist/types/sections/SelectSection.d.ts +1 -0
  38. package/dist/types/sections/SpinnerSection.d.ts +1 -0
  39. package/dist/types/sections/TableSection.d.ts +1 -0
  40. package/dist/types/sections/TabsSection.d.ts +1 -0
  41. package/dist/types/sections/TagSection.d.ts +1 -0
  42. package/dist/types/sections/TextAreaSection.d.ts +1 -0
  43. package/dist/types/sections/ToastSection.d.ts +1 -0
  44. package/dist/types/sections/TooltipSection.d.ts +1 -0
  45. package/dist/webapp/assets/index-54a2WCtJ.css +1 -0
  46. package/dist/webapp/assets/index-DzBccsSr.js +626 -0
  47. package/dist/webapp/favicon.svg +11 -0
  48. package/dist/webapp/index.html +14 -0
  49. package/package.json +62 -0
  50. package/scss/_App.scss +61 -0
  51. package/scss/index.scss +1 -0
package/dist/webapp/favicon.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
2
+ <text
3
+ x="50%"
4
+ y="50%"
5
+ text-anchor="middle"
6
+ dominant-baseline="central"
7
+ font-size="90"
8
+ >
9
+ 🏛️
10
+ </text>
11
+ </svg>
package/dist/webapp/index.html ADDED
@@ -0,0 +1,14 @@
1
+ <!doctype html>
2
+ <html lang="en-GB">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>ostack/UI Exhibit</title>
8
+ <script type="module" crossorigin src="/assets/index-DzBccsSr.js"></script>
9
+ <link rel="stylesheet" crossorigin href="/assets/index-54a2WCtJ.css">
10
+ </head>
11
+ <body>
12
+ <div id="root"></div>
13
+ </body>
14
+ </html>
package/package.json ADDED
@@ -0,0 +1,62 @@
1
+ {
2
+ "name": "@ostack.tech/ui-exhibit",
3
+ "description": "Exhibit of ostack/UI components.",
4
+ "version": "0.10.0",
5
+ "homepage": "https://ui.ostack.tech/",
6
+ "author": {
7
+ "name": "Opensoft",
8
+ "url": "https://opensoft.pt/en/"
9
+ },
10
+ "repository": {
11
+ "type": "git",
12
+ "url": "git+https://bitbucket.org/opensoftgitrepo/ostack-ui.git",
13
+ "directory": "packages/ui-exhibit/"
14
+ },
15
+ "type": "module",
16
+ "main": "dist/ostack-ui-exhibit.js",
17
+ "types": "dist/types/index.d.ts",
18
+ "sass": "scss/index.scss",
19
+ "style": "dist/ostack-ui-exhibit.css",
20
+ "exports": {
21
+ ".": {
22
+ "types": "./dist/types/index.d.ts",
23
+ "import": "./dist/ostack-ui-exhibit.js"
24
+ },
25
+ "./css": "./dist/ostack-ui-exhibit.css",
26
+ "./scss": "./scss/index.scss",
27
+ "./scss/*": "./scss/*",
28
+ "./package.json": "./package.json"
29
+ },
30
+ "sideEffects": false,
31
+ "files": [
32
+ "dist/",
33
+ "scss/"
34
+ ],
35
+ "scripts": {
36
+ "dev": "vite",
37
+ "clean": "rimraf dist/",
38
+ "build": "vite build && vite build --mode webapp && npm run copy:scss",
39
+ "copy:scss": "cpy 'src/**/*.scss' '!src/main.scss' scss/",
40
+ "preview": "vite build --mode webapp && vite preview --outDir dist/webapp/"
41
+ },
42
+ "peerDependencies": {
43
+ "@fortawesome/fontawesome-svg-core": "^6.2.0 || ^7.0.0",
44
+ "@fortawesome/free-regular-svg-icons": "^6.2.0 || ^7.0.0",
45
+ "@fortawesome/free-solid-svg-icons": "^6.2.0 || ^7.0.0",
46
+ "@ostack.tech/ui": "~0.10.0",
47
+ "@types/react": "^18.0.0 || ^19.0.0",
48
+ "@types/react-dom": "^18.0.0 || ^19.0.0",
49
+ "date-fns": "^4.1.0",
50
+ "react": "^18.0.0 || ^19.0.0",
51
+ "react-dom": "^18.0.0 || ^19.0.0",
52
+ "zustand": "^5.0.0"
53
+ },
54
+ "peerDependenciesMeta": {
55
+ "@types/react": {
56
+ "optional": true
57
+ },
58
+ "@types/react-dom": {
59
+ "optional": true
60
+ }
61
+ }
62
+ }
package/scss/_App.scss ADDED
@@ -0,0 +1,61 @@
1
+ @use "@ostack.tech/ui/scss/utils" as o-ui;
2
+
3
+ body {
4
+ margin: 0;
5
+ overflow-x: hidden;
6
+ }
7
+
8
+ #exhibit-header {
9
+ display: flex;
10
+ align-items: center;
11
+ justify-content: space-between;
12
+ margin-block: o-ui.spacing(15);
13
+ }
14
+
15
+ #exhibit-title {
16
+ margin-bottom: 0;
17
+ }
18
+
19
+ #exhibit-main {
20
+ margin-bottom: o-ui.spacing(15);
21
+ outline: 0;
22
+ }
23
+
24
+ .exhibit-section-docs-link {
25
+ opacity: 0 !important;
26
+ transition: opacity var(--#{o-ui.$prefix}transition-duration)
27
+ var(--#{o-ui.$prefix}transition-timing-function) !important;
28
+ }
29
+
30
+ .exhibit-section:is(:hover, :focus-within) .exhibit-section-docs-link {
31
+ opacity: 1 !important;
32
+ }
33
+
34
+ .exhibit-grid {
35
+ display: grid;
36
+ grid-template-columns: repeat(var(--exhibit-grid-cols), max-content);
37
+ gap: o-ui.spacing(3);
38
+ align-items: center;
39
+ justify-items: center;
40
+ overflow-x: auto;
41
+
42
+ &:focus-visible {
43
+ border-radius: var(--#{o-ui.$prefix}border-radius-sm);
44
+ outline: 2px solid var(--#{o-ui.$prefix}primary-8);
45
+ outline-offset: 2px;
46
+ }
47
+ }
48
+
49
+ .exhibit-grid-col-label,
50
+ .exhibit-grid-row-label {
51
+ font-size: var(--#{o-ui.$prefix}font-size-xs);
52
+ line-height: var(--#{o-ui.$prefix}line-height-xs);
53
+ color: var(--#{o-ui.$prefix}neutral-a11);
54
+ }
55
+
56
+ .exhibit-grid-col-label {
57
+ margin: 0 o-ui.spacing(0.5);
58
+ }
59
+ .exhibit-grid-row-label {
60
+ justify-self: start;
61
+ }
package/scss/index.scss ADDED
@@ -0,0 +1 @@
1
+ @forward "App";