sid-ui 0.0.0-stage → 0.1.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 (116) hide show
  1. package/README.md +54 -2
  2. package/package.json +51 -4
  3. package/src/brand/BrandFooter.tsx +45 -0
  4. package/src/brand/BrandHeading.tsx +24 -0
  5. package/src/brand/BrandLockup.tsx +47 -0
  6. package/src/brand/JoinedLogo.tsx +67 -0
  7. package/src/brand/JoinedMark.tsx +76 -0
  8. package/src/brand/geometry.ts +26 -0
  9. package/src/brand/index.ts +11 -0
  10. package/src/brand/name.ts +5 -0
  11. package/src/brand/paint.tsx +56 -0
  12. package/src/components/Action.tsx +44 -0
  13. package/src/components/AddressSelector.tsx +99 -0
  14. package/src/components/BarChart.tsx +132 -0
  15. package/src/components/Calendar.tsx +284 -0
  16. package/src/components/CalendarAgenda.tsx +87 -0
  17. package/src/components/CalendarMonth.tsx +223 -0
  18. package/src/components/CalendarSchedule.tsx +210 -0
  19. package/src/components/Card.tsx +80 -0
  20. package/src/components/Charts.tsx +64 -0
  21. package/src/components/Chat.tsx +35 -0
  22. package/src/components/CitySelector.tsx +81 -0
  23. package/src/components/Clock.tsx +196 -0
  24. package/src/components/CodeInput.tsx +183 -0
  25. package/src/components/Container.tsx +20 -0
  26. package/src/components/Content.tsx +50 -0
  27. package/src/components/Data.tsx +43 -0
  28. package/src/components/DataInput.tsx +107 -0
  29. package/src/components/DateField.tsx +162 -0
  30. package/src/components/DonutChart.tsx +123 -0
  31. package/src/components/Drawer.tsx +110 -0
  32. package/src/components/Feedback.tsx +37 -0
  33. package/src/components/FileUploader.tsx +377 -0
  34. package/src/components/FunnelChart.tsx +83 -0
  35. package/src/components/Glyph.tsx +330 -0
  36. package/src/components/GoogleSignIn.tsx +67 -0
  37. package/src/components/GridSystem.tsx +131 -0
  38. package/src/components/HeatmapCalendar.tsx +167 -0
  39. package/src/components/KanbanBoard.tsx +421 -0
  40. package/src/components/Kpi.tsx +61 -0
  41. package/src/components/LayoutPrimitives.tsx +86 -0
  42. package/src/components/Lists.tsx +19 -0
  43. package/src/components/LocationSelector.tsx +49 -0
  44. package/src/components/MessageList.tsx +80 -0
  45. package/src/components/Nav.tsx +69 -0
  46. package/src/components/Navigation.tsx +52 -0
  47. package/src/components/Notification.tsx +115 -0
  48. package/src/components/NotificationTrigger.tsx +248 -0
  49. package/src/components/Overlay.tsx +50 -0
  50. package/src/components/Page.tsx +143 -0
  51. package/src/components/PageTabs.tsx +28 -0
  52. package/src/components/PickerShell.tsx +138 -0
  53. package/src/components/PillNav.tsx +194 -0
  54. package/src/components/Primitives.tsx +30 -0
  55. package/src/components/Rating.tsx +78 -0
  56. package/src/components/Responsive.tsx +128 -0
  57. package/src/components/ResponsiveFrame.tsx +122 -0
  58. package/src/components/Segment.tsx +190 -0
  59. package/src/components/Sparkline.tsx +52 -0
  60. package/src/components/StateSelector.tsx +39 -0
  61. package/src/components/Sticky.tsx +95 -0
  62. package/src/components/Table.tsx +344 -0
  63. package/src/components/ThemeToggle.tsx +48 -0
  64. package/src/components/Tile.tsx +23 -0
  65. package/src/components/TimeColumns.tsx +155 -0
  66. package/src/components/TimeDial.tsx +260 -0
  67. package/src/components/TimeField.tsx +196 -0
  68. package/src/components/TimeInput.tsx +213 -0
  69. package/src/components/TimeSlots.tsx +83 -0
  70. package/src/components/Timeline.tsx +111 -0
  71. package/src/components/TokenDemo.tsx +378 -0
  72. package/src/components/Tree.tsx +283 -0
  73. package/src/components/TrendChart.tsx +211 -0
  74. package/src/components/breakpoints.ts +42 -0
  75. package/src/components/calendarTypes.ts +26 -0
  76. package/src/components/chartMath.ts +125 -0
  77. package/src/components/chartParts.tsx +116 -0
  78. package/src/components/codeInputRules.ts +58 -0
  79. package/src/components/date.ts +87 -0
  80. package/src/components/hooks.ts +53 -0
  81. package/src/components/index.ts +195 -0
  82. package/src/components/kanban.ts +78 -0
  83. package/src/components/motion.ts +78 -0
  84. package/src/components/places-search.tsx +73 -0
  85. package/src/components/places.ts +209 -0
  86. package/src/components/size.ts +3 -0
  87. package/src/components/time.ts +83 -0
  88. package/src/components/useFileDrop.ts +104 -0
  89. package/src/places/geoapify.ts +129 -0
  90. package/src/styles/astryx.css +5 -0
  91. package/src/styles/components/brand.css +98 -0
  92. package/src/styles/components/calendar.css +680 -0
  93. package/src/styles/components/charts.css +659 -0
  94. package/src/styles/components/code-input.css +233 -0
  95. package/src/styles/components/google.css +11 -0
  96. package/src/styles/components/message-list.css +153 -0
  97. package/src/styles/components/notification.css +350 -0
  98. package/src/styles/components/picker.css +114 -0
  99. package/src/styles/components/pill-nav.css +179 -0
  100. package/src/styles/components/responsive.css +419 -0
  101. package/src/styles/components/sticky.css +23 -0
  102. package/src/styles/components/table.css +267 -0
  103. package/src/styles/components/time.css +526 -0
  104. package/src/styles/components/timeline.css +426 -0
  105. package/src/styles/components/tree.css +269 -0
  106. package/src/styles/components.css +423 -0
  107. package/src/styles/joined.css +4 -0
  108. package/src/styles/theme.css +79 -0
  109. package/src/styles/tokens.css +338 -0
  110. package/src/theme/JoinedProvider.tsx +50 -0
  111. package/src/theme/index.ts +3 -0
  112. package/src/theme/joined.d.ts +11 -0
  113. package/src/theme/joined.js +569 -0
  114. package/src/theme/joined.theme.ts +74 -0
  115. package/src/theme/joined.variants.d.ts +16 -0
  116. package/src/theme/theme.css +786 -0
package/src/styles/components/brand.css ADDED
@@ -0,0 +1,98 @@
1
+ /* Joined brand artwork — JoinedLogo, JoinedMark, BrandLockup, BrandFooter.
2
+ The palette is the fixed one from the masters in Joined-Logo/. Blue is the
3
+ brand's everyday color; "blue" reads the adaptive ramp, which is the exact
4
+ blue-gradient artwork in light mode and steps one stop brighter in dark mode
5
+ so the navy end stays legible on dark surfaces. */
6
+
7
+ .os-brand {
8
+ /* "blue-gradient" and the app tile: navy → Meta blue → cyan. */
9
+ --os-brand-blue-1: #0033a0;
10
+ --os-brand-blue-2: #0866ff;
11
+ --os-brand-blue-3: #2d8cff;
12
+ --os-brand-blue-4: #1faff5;
13
+ --os-brand-blue-5: #2cd4f0;
14
+ /* "blue" (default): the blue ramp, brightened in dark mode. */
15
+ --os-brand-adaptive-1: light-dark(#0033a0, #2d8cff);
16
+ --os-brand-adaptive-2: light-dark(#0866ff, #2d8cff);
17
+ --os-brand-adaptive-3: light-dark(#2d8cff, #1faff5);
18
+ --os-brand-adaptive-4: light-dark(#1faff5, #2cd4f0);
19
+ --os-brand-adaptive-5: light-dark(#2cd4f0, #2cd4f0);
20
+ /* "original": teal → green → amber → orange, for marketing moments. */
21
+ --os-brand-original-1: #0b6b6e;
22
+ --os-brand-original-2: #12a08a;
23
+ --os-brand-original-3: #8dc63f;
24
+ --os-brand-original-4: #ffb000;
25
+ --os-brand-original-5: #ff5f15;
26
+ /* Solid fills. */
27
+ --os-brand-meta-blue: #0866ff;
28
+ --os-brand-black: #0b1220;
29
+ --os-brand-white: #ffffff;
30
+
31
+ display: block;
32
+ flex-shrink: 0;
33
+ width: auto;
34
+ }
35
+
36
+ /* BrandLockup — the logo block that opens sign-in, sign-up, and error pages. */
37
+ .os-brand-lockup {
38
+ display: flex;
39
+ flex-direction: column;
40
+ align-items: center;
41
+ gap: var(--spacing-3);
42
+ text-align: center;
43
+ }
44
+ .os-brand-lockup-start {
45
+ align-items: flex-start;
46
+ text-align: start;
47
+ }
48
+ .os-brand-lockup-row {
49
+ display: flex;
50
+ align-items: center;
51
+ gap: var(--spacing-3);
52
+ }
53
+ .os-brand-lockup-product {
54
+ margin: 0;
55
+ color: var(--color-text-primary);
56
+ font-size: var(--font-size-3xl);
57
+ font-weight: var(--font-weight-semibold);
58
+ line-height: 1.1;
59
+ letter-spacing: -0.02em;
60
+ }
61
+ .os-brand-lockup-endorse {
62
+ display: inline-flex;
63
+ align-items: center;
64
+ gap: var(--spacing-1);
65
+ color: var(--color-text-secondary);
66
+ font-size: var(--font-size-sm);
67
+ }
68
+ .os-brand-lockup-tagline {
69
+ margin: 0;
70
+ max-width: 32rem;
71
+ color: var(--color-text-secondary);
72
+ font-size: var(--font-size-base);
73
+ }
74
+
75
+ /* BrandFooter — a quiet "Part of Joined" sign-off under pages. */
76
+ .os-brand-footer {
77
+ display: flex;
78
+ flex-wrap: wrap;
79
+ align-items: center;
80
+ justify-content: center;
81
+ gap: var(--spacing-2);
82
+ padding-block: var(--spacing-4);
83
+ color: var(--color-text-secondary);
84
+ font-size: var(--font-size-sm);
85
+ }
86
+ .os-brand-footer-start {
87
+ justify-content: flex-start;
88
+ }
89
+ .os-brand-footer-link {
90
+ display: inline-flex;
91
+ align-items: center;
92
+ gap: var(--spacing-1);
93
+ color: inherit;
94
+ text-decoration: none;
95
+ }
96
+ .os-brand-footer-link:hover {
97
+ color: var(--color-text-primary);
98
+ }