@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/README.md ADDED
@@ -0,0 +1,3 @@
1
+ # `@ostack.tech/exhibit`
2
+
3
+ Exhibit of ostack/UI components.
package/dist/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/ostack-ui-exhibit.css ADDED
@@ -0,0 +1,58 @@
1
+ body {
2
+ margin: 0;
3
+ overflow-x: hidden;
4
+ }
5
+
6
+ #exhibit-header {
7
+ display: flex;
8
+ align-items: center;
9
+ justify-content: space-between;
10
+ margin-block: calc(var(--o-ui-space) * 15);
11
+ }
12
+
13
+ #exhibit-title {
14
+ margin-bottom: 0;
15
+ }
16
+
17
+ #exhibit-main {
18
+ margin-bottom: calc(var(--o-ui-space) * 15);
19
+ outline: 0;
20
+ }
21
+
22
+ .exhibit-section-docs-link {
23
+ opacity: 0 !important;
24
+ transition: opacity var(--o-ui-transition-duration) var(--o-ui-transition-timing-function) !important;
25
+ }
26
+
27
+ .exhibit-section:is(:hover, :focus-within) .exhibit-section-docs-link {
28
+ opacity: 1 !important;
29
+ }
30
+
31
+ .exhibit-grid {
32
+ display: grid;
33
+ grid-template-columns: repeat(var(--exhibit-grid-cols), max-content);
34
+ gap: calc(var(--o-ui-space) * 3);
35
+ align-items: center;
36
+ justify-items: center;
37
+ overflow-x: auto;
38
+ }
39
+ .exhibit-grid:focus-visible {
40
+ border-radius: var(--o-ui-border-radius-sm);
41
+ outline: 2px solid var(--o-ui-primary-8);
42
+ outline-offset: 2px;
43
+ }
44
+
45
+ .exhibit-grid-col-label,
46
+ .exhibit-grid-row-label {
47
+ font-size: var(--o-ui-font-size-xs);
48
+ line-height: var(--o-ui-line-height-xs);
49
+ color: var(--o-ui-neutral-a11);
50
+ }
51
+
52
+ .exhibit-grid-col-label {
53
+ margin: 0 calc(var(--o-ui-space) * 0.5);
54
+ }
55
+
56
+ .exhibit-grid-row-label {
57
+ justify-self: start;
58
+ }