@codesweep-ai/ui 0.2.1-dev.20260830023458.856ea8f

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 (215) hide show
  1. package/LICENSE +202 -0
  2. package/NOTICE +2 -0
  3. package/README.md +124 -0
  4. package/dist/BUILD.json +1 -0
  5. package/dist/chart.d.ts +3 -0
  6. package/dist/chart.d.ts.map +1 -0
  7. package/dist/chart.js +3 -0
  8. package/dist/code.d.ts +2 -0
  9. package/dist/code.d.ts.map +1 -0
  10. package/dist/code.js +2 -0
  11. package/dist/components/AgentStatus.d.ts +15 -0
  12. package/dist/components/AgentStatus.d.ts.map +1 -0
  13. package/dist/components/AgentStatus.js +38 -0
  14. package/dist/components/AgentTrace.d.ts +42 -0
  15. package/dist/components/AgentTrace.d.ts.map +1 -0
  16. package/dist/components/AgentTrace.js +140 -0
  17. package/dist/components/AppShell.d.ts +29 -0
  18. package/dist/components/AppShell.d.ts.map +1 -0
  19. package/dist/components/AppShell.js +71 -0
  20. package/dist/components/Button.d.ts +10 -0
  21. package/dist/components/Button.d.ts.map +1 -0
  22. package/dist/components/Button.js +41 -0
  23. package/dist/components/Card.d.ts +19 -0
  24. package/dist/components/Card.d.ts.map +1 -0
  25. package/dist/components/Card.js +96 -0
  26. package/dist/components/CardGroup.d.ts +16 -0
  27. package/dist/components/CardGroup.d.ts.map +1 -0
  28. package/dist/components/CardGroup.js +33 -0
  29. package/dist/components/CardGroupContext.d.ts +14 -0
  30. package/dist/components/CardGroupContext.d.ts.map +1 -0
  31. package/dist/components/CardGroupContext.js +8 -0
  32. package/dist/components/ChartFrame.d.ts +30 -0
  33. package/dist/components/ChartFrame.d.ts.map +1 -0
  34. package/dist/components/ChartFrame.js +96 -0
  35. package/dist/components/ChartTooltip.d.ts +22 -0
  36. package/dist/components/ChartTooltip.d.ts.map +1 -0
  37. package/dist/components/ChartTooltip.js +26 -0
  38. package/dist/components/CheckboxGroup.d.ts +37 -0
  39. package/dist/components/CheckboxGroup.d.ts.map +1 -0
  40. package/dist/components/CheckboxGroup.js +198 -0
  41. package/dist/components/Chip.d.ts +9 -0
  42. package/dist/components/Chip.d.ts.map +1 -0
  43. package/dist/components/Chip.js +31 -0
  44. package/dist/components/CodeBlock.d.ts +30 -0
  45. package/dist/components/CodeBlock.d.ts.map +1 -0
  46. package/dist/components/CodeBlock.js +112 -0
  47. package/dist/components/Dropdown.d.ts +28 -0
  48. package/dist/components/Dropdown.d.ts.map +1 -0
  49. package/dist/components/Dropdown.js +50 -0
  50. package/dist/components/EventLanes.d.ts +93 -0
  51. package/dist/components/EventLanes.d.ts.map +1 -0
  52. package/dist/components/EventLanes.js +445 -0
  53. package/dist/components/FormGroup.d.ts +29 -0
  54. package/dist/components/FormGroup.d.ts.map +1 -0
  55. package/dist/components/FormGroup.js +48 -0
  56. package/dist/components/HighlightText.d.ts +15 -0
  57. package/dist/components/HighlightText.d.ts.map +1 -0
  58. package/dist/components/HighlightText.js +28 -0
  59. package/dist/components/Input.d.ts +35 -0
  60. package/dist/components/Input.d.ts.map +1 -0
  61. package/dist/components/Input.js +61 -0
  62. package/dist/components/Legend.d.ts +21 -0
  63. package/dist/components/Legend.d.ts.map +1 -0
  64. package/dist/components/Legend.js +61 -0
  65. package/dist/components/LightweightMarkdown.d.ts +3 -0
  66. package/dist/components/LightweightMarkdown.d.ts.map +1 -0
  67. package/dist/components/LightweightMarkdown.js +249 -0
  68. package/dist/components/MarkdownMinimap.d.ts +7 -0
  69. package/dist/components/MarkdownMinimap.d.ts.map +1 -0
  70. package/dist/components/MarkdownMinimap.js +84 -0
  71. package/dist/components/MarkdownViewer.d.ts +51 -0
  72. package/dist/components/MarkdownViewer.d.ts.map +1 -0
  73. package/dist/components/MarkdownViewer.js +455 -0
  74. package/dist/components/MermaidDiagram.d.ts +11 -0
  75. package/dist/components/MermaidDiagram.d.ts.map +1 -0
  76. package/dist/components/MermaidDiagram.js +119 -0
  77. package/dist/components/Modal.d.ts +13 -0
  78. package/dist/components/Modal.d.ts.map +1 -0
  79. package/dist/components/Modal.js +91 -0
  80. package/dist/components/Panel.d.ts +13 -0
  81. package/dist/components/Panel.d.ts.map +1 -0
  82. package/dist/components/Panel.js +44 -0
  83. package/dist/components/PulseBadge.d.ts +15 -0
  84. package/dist/components/PulseBadge.d.ts.map +1 -0
  85. package/dist/components/PulseBadge.js +22 -0
  86. package/dist/components/RadioGroup.d.ts +20 -0
  87. package/dist/components/RadioGroup.d.ts.map +1 -0
  88. package/dist/components/RadioGroup.js +63 -0
  89. package/dist/components/RichMarkdownRenderer.d.ts +10 -0
  90. package/dist/components/RichMarkdownRenderer.d.ts.map +1 -0
  91. package/dist/components/RichMarkdownRenderer.js +18 -0
  92. package/dist/components/SearchInput.d.ts +25 -0
  93. package/dist/components/SearchInput.d.ts.map +1 -0
  94. package/dist/components/SearchInput.js +92 -0
  95. package/dist/components/SectionedTree.d.ts +36 -0
  96. package/dist/components/SectionedTree.d.ts.map +1 -0
  97. package/dist/components/SectionedTree.js +173 -0
  98. package/dist/components/SegmentedControl.d.ts +16 -0
  99. package/dist/components/SegmentedControl.d.ts.map +1 -0
  100. package/dist/components/SegmentedControl.js +48 -0
  101. package/dist/components/Skeleton.d.ts +8 -0
  102. package/dist/components/Skeleton.d.ts.map +1 -0
  103. package/dist/components/Skeleton.js +25 -0
  104. package/dist/components/SplitPane.d.ts +16 -0
  105. package/dist/components/SplitPane.d.ts.map +1 -0
  106. package/dist/components/SplitPane.js +118 -0
  107. package/dist/components/StatusBadge.d.ts +15 -0
  108. package/dist/components/StatusBadge.d.ts.map +1 -0
  109. package/dist/components/StatusBadge.js +40 -0
  110. package/dist/components/StreamingText.d.ts +20 -0
  111. package/dist/components/StreamingText.d.ts.map +1 -0
  112. package/dist/components/StreamingText.js +50 -0
  113. package/dist/components/Table.d.ts +62 -0
  114. package/dist/components/Table.d.ts.map +1 -0
  115. package/dist/components/Table.js +256 -0
  116. package/dist/components/ThemeToggle.d.ts +11 -0
  117. package/dist/components/ThemeToggle.d.ts.map +1 -0
  118. package/dist/components/ThemeToggle.js +55 -0
  119. package/dist/components/Toast.d.ts +8 -0
  120. package/dist/components/Toast.d.ts.map +1 -0
  121. package/dist/components/Toast.js +51 -0
  122. package/dist/components/ToastContainer.d.ts +5 -0
  123. package/dist/components/ToastContainer.d.ts.map +1 -0
  124. package/dist/components/ToastContainer.js +29 -0
  125. package/dist/components/Tree.d.ts +50 -0
  126. package/dist/components/Tree.d.ts.map +1 -0
  127. package/dist/components/Tree.js +528 -0
  128. package/dist/components/TreeDnd.d.ts +18 -0
  129. package/dist/components/TreeDnd.d.ts.map +1 -0
  130. package/dist/components/TreeDnd.js +39 -0
  131. package/dist/index.d.ts +50 -0
  132. package/dist/index.d.ts.map +1 -0
  133. package/dist/index.js +35 -0
  134. package/dist/lib/accentToken.d.ts +3 -0
  135. package/dist/lib/accentToken.d.ts.map +1 -0
  136. package/dist/lib/accentToken.js +12 -0
  137. package/dist/lib/chartTheme.d.ts +45 -0
  138. package/dist/lib/chartTheme.d.ts.map +1 -0
  139. package/dist/lib/chartTheme.js +64 -0
  140. package/dist/lib/cn.d.ts +6 -0
  141. package/dist/lib/cn.d.ts.map +1 -0
  142. package/dist/lib/cn.js +11 -0
  143. package/dist/lib/forwardRefToRoot.d.ts +8 -0
  144. package/dist/lib/forwardRefToRoot.d.ts.map +1 -0
  145. package/dist/lib/forwardRefToRoot.js +18 -0
  146. package/dist/lib/markdownUrl.d.ts +5 -0
  147. package/dist/lib/markdownUrl.d.ts.map +1 -0
  148. package/dist/lib/markdownUrl.js +24 -0
  149. package/dist/lib/toast.d.ts +30 -0
  150. package/dist/lib/toast.d.ts.map +1 -0
  151. package/dist/lib/toast.js +34 -0
  152. package/dist/lib/useTheme.d.ts +22 -0
  153. package/dist/lib/useTheme.d.ts.map +1 -0
  154. package/dist/lib/useTheme.js +62 -0
  155. package/dist/markdown/rich.d.ts +10 -0
  156. package/dist/markdown/rich.d.ts.map +1 -0
  157. package/dist/markdown/rich.js +8 -0
  158. package/dist/markdown.d.ts +3 -0
  159. package/dist/markdown.d.ts.map +1 -0
  160. package/dist/markdown.js +2 -0
  161. package/dist/mermaid.d.ts +2 -0
  162. package/dist/mermaid.d.ts.map +1 -0
  163. package/dist/mermaid.js +2 -0
  164. package/dist/minimap.d.ts +2 -0
  165. package/dist/minimap.d.ts.map +1 -0
  166. package/dist/minimap.js +2 -0
  167. package/dist/styles/base.css +98 -0
  168. package/dist/styles/components/agent-status.css +52 -0
  169. package/dist/styles/components/agent-trace.css +206 -0
  170. package/dist/styles/components/app-shell.css +195 -0
  171. package/dist/styles/components/button.css +172 -0
  172. package/dist/styles/components/card-group.css +20 -0
  173. package/dist/styles/components/card.css +200 -0
  174. package/dist/styles/components/chart-frame.css +144 -0
  175. package/dist/styles/components/chart-tooltip.css +54 -0
  176. package/dist/styles/components/checkbox-group.css +281 -0
  177. package/dist/styles/components/chip.css +61 -0
  178. package/dist/styles/components/code-block.css +215 -0
  179. package/dist/styles/components/dropdown.css +131 -0
  180. package/dist/styles/components/event-lanes.css +159 -0
  181. package/dist/styles/components/form-group.css +34 -0
  182. package/dist/styles/components/highlight-text.css +17 -0
  183. package/dist/styles/components/input.css +168 -0
  184. package/dist/styles/components/legend.css +80 -0
  185. package/dist/styles/components/markdown-minimap.css +13 -0
  186. package/dist/styles/components/markdown-viewer.css +354 -0
  187. package/dist/styles/components/mermaid-diagram.css +8 -0
  188. package/dist/styles/components/modal.css +167 -0
  189. package/dist/styles/components/panel.css +126 -0
  190. package/dist/styles/components/pulse-badge.css +56 -0
  191. package/dist/styles/components/radio-group.css +89 -0
  192. package/dist/styles/components/search-input.css +153 -0
  193. package/dist/styles/components/sectioned-tree.css +183 -0
  194. package/dist/styles/components/segmented-control.css +54 -0
  195. package/dist/styles/components/skeleton.css +21 -0
  196. package/dist/styles/components/split-pane.css +78 -0
  197. package/dist/styles/components/status-badge.css +94 -0
  198. package/dist/styles/components/streaming-text.css +38 -0
  199. package/dist/styles/components/table.css +235 -0
  200. package/dist/styles/components/theme-toggle.css +123 -0
  201. package/dist/styles/components/toast-container.css +34 -0
  202. package/dist/styles/components/toast.css +169 -0
  203. package/dist/styles/components/tree.css +375 -0
  204. package/dist/styles/components.css +37 -0
  205. package/dist/styles/core.css +3 -0
  206. package/dist/styles/markdown-content.css +368 -0
  207. package/dist/styles/print.css +55 -0
  208. package/dist/styles/reset.css +202 -0
  209. package/dist/styles/syntax.css +62 -0
  210. package/dist/styles/tokens.css +344 -0
  211. package/dist/styles/utilities.css +7 -0
  212. package/dist/testing/index.d.ts +39 -0
  213. package/dist/testing/index.d.ts.map +1 -0
  214. package/dist/testing/index.js +119 -0
  215. package/package.json +138 -0
package/dist/styles/components/card.css ADDED
@@ -0,0 +1,200 @@
1
+ @import "./skeleton.css";
2
+
3
+ /* card component styles. */
4
+ .cs-component-card-21,
5
+ .cs-component-card-23,
6
+ .cs-component-card-32,
7
+ .cs-component-card-34,
8
+ .cs-component-card-group-5 {
9
+ display: flex
10
+ }
11
+
12
+ .cs-component-card-17 {
13
+ display: none
14
+ }
15
+
16
+ .cs-component-card-27 {
17
+ height: var(--icon-size-sm)
18
+ }
19
+
20
+ .cs-component-card-group-6 {
21
+ height: 100%
22
+ }
23
+
24
+ .cs-component-card-21,
25
+ .cs-component-card-31,
26
+ .cs-component-card-group-6 {
27
+ min-height: 0
28
+ }
29
+
30
+ .cs-component-card-27 {
31
+ width: var(--icon-size-sm)
32
+ }
33
+
34
+ .cs-component-card-21,
35
+ .cs-component-card-31 {
36
+ flex: 1 1 0%
37
+ }
38
+
39
+ .cs-component-card-21,
40
+ .cs-component-card-32,
41
+ .cs-component-card-34,
42
+ .cs-component-card-group-5 {
43
+ flex-direction: column
44
+ }
45
+
46
+ .cs-component-card-23 {
47
+ align-items: center
48
+ }
49
+
50
+ .cs-component-card-23 {
51
+ justify-content: space-between
52
+ }
53
+
54
+ .cs-component-card-34 {
55
+ gap: var(--space-2)
56
+ }
57
+
58
+ .cs-component-card-group-5 {
59
+ gap: var(--space-4)
60
+ }
61
+
62
+ .cs-component-card-19 {
63
+ overflow: hidden
64
+ }
65
+
66
+ .cs-component-card-31 {
67
+ overflow-y: auto
68
+ }
69
+
70
+ .cs-component-card-19 {
71
+ border-radius: var(--radius-md)
72
+ }
73
+
74
+ .cs-component-card-24 {
75
+ border-radius: var(--radius-sm)
76
+ }
77
+
78
+ .cs-component-card-19 {
79
+ border-width: .0625rem
80
+ }
81
+
82
+ .cs-component-card-22 {
83
+ border-bottom-width: .0625rem
84
+ }
85
+
86
+ .cs-component-card-10,
87
+ .cs-component-card-11,
88
+ .cs-component-card-14,
89
+ .cs-component-card-22 {
90
+ border-color: var(--border)
91
+ }
92
+
93
+ .cs-component-card-13 {
94
+ border-color: var(--color-error)
95
+ }
96
+
97
+ .cs-component-card-12 {
98
+ border-color: var(--color-success)
99
+ }
100
+
101
+ .cs-component-card-22 {
102
+ background-color: var(--bg)
103
+ }
104
+
105
+ .cs-component-card-10,
106
+ .cs-component-card-14 {
107
+ background-color: var(--card)
108
+ }
109
+
110
+ .cs-component-card-11 {
111
+ background-color: var(--color-bg-muted)
112
+ }
113
+
114
+ .cs-component-card-13 {
115
+ background-color: var(--color-error-bg)
116
+ }
117
+
118
+ .cs-component-card-12 {
119
+ background-color: var(--color-success-bg)
120
+ }
121
+
122
+ .cs-component-card-20 {
123
+ padding: 0
124
+ }
125
+
126
+ .cs-component-card-24 {
127
+ padding: var(--space-1)
128
+ }
129
+
130
+ .cs-component-card-14,
131
+ .cs-component-card-29 {
132
+ padding: var(--space-3)
133
+ }
134
+
135
+ .cs-component-card-10,
136
+ .cs-component-card-11,
137
+ .cs-component-card-12,
138
+ .cs-component-card-13,
139
+ .cs-component-card-30 {
140
+ padding: var(--space-4)
141
+ }
142
+
143
+ .cs-component-card-22 {
144
+ padding-left: var(--space-4);
145
+ padding-right: var(--space-4)
146
+ }
147
+
148
+ .cs-component-card-22 {
149
+ padding-top: var(--space-3);
150
+ padding-bottom: var(--space-3)
151
+ }
152
+
153
+ .cs-component-card-24 {
154
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
155
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
156
+ transition-duration: 150ms
157
+ }
158
+
159
+ .cs-component-card-19 {
160
+ box-shadow: var(--shadow-sm)
161
+ }
162
+
163
+ .cs-component-card-24 {
164
+ color: var(--muted)
165
+ }
166
+
167
+ .cs-component-card-22 {
168
+ font-size: var(--font-size-card-header)
169
+ }
170
+
171
+ .cs-component-card-22 {
172
+ font-weight: var(--font-weight-semibold)
173
+ }
174
+
175
+ .cs-component-card-24:hover {
176
+ background-color: var(--color-bg-muted-hover)
177
+ }
178
+
179
+ .cs-component-card-24:hover {
180
+ color: var(--fg)
181
+ }
182
+
183
+ .cs-component-card-20 {
184
+ padding: 0
185
+ }
186
+
187
+ .cs-component-card-15 {
188
+ background-color: var(--color-warning-bg);
189
+ border-color: var(--color-warning);
190
+ padding: var(--space-4)
191
+ }
192
+
193
+ .cs-component-card-16 {
194
+ cursor: pointer
195
+ }
196
+
197
+ .cs-component-card-16:focus-visible {
198
+ outline: .125rem solid var(--color-accent);
199
+ outline-offset: .125rem
200
+ }
package/dist/styles/components/chart-frame.css ADDED
@@ -0,0 +1,144 @@
1
+ @import "./button.css";
2
+ @import "./skeleton.css";
3
+
4
+ /* chart-frame component styles. */
5
+ .cs-component-chart-frame-37 {
6
+ position: relative
7
+ }
8
+
9
+ .cs-component-chart-frame-34 {
10
+ margin-bottom: var(--space-2)
11
+ }
12
+
13
+ .cs-component-chart-frame-12,
14
+ .cs-component-chart-frame-13,
15
+ .cs-component-chart-frame-20,
16
+ .cs-component-chart-frame-31,
17
+ .cs-component-chart-frame-34,
18
+ .cs-component-chart-frame-36 {
19
+ display: flex
20
+ }
21
+
22
+ .cs-component-chart-frame-21,
23
+ .cs-component-chart-frame-27 {
24
+ height: var(--icon-size-lg)
25
+ }
26
+
27
+ .cs-component-chart-frame-12,
28
+ .cs-component-chart-frame-13,
29
+ .cs-component-chart-frame-20 {
30
+ height: 100%
31
+ }
32
+
33
+ .cs-component-chart-frame-21,
34
+ .cs-component-chart-frame-27 {
35
+ width: var(--icon-size-lg)
36
+ }
37
+
38
+ .cs-component-chart-frame-37 {
39
+ width: 100%
40
+ }
41
+
42
+ .cs-component-chart-frame-12,
43
+ .cs-component-chart-frame-20,
44
+ .cs-component-chart-frame-31 {
45
+ flex-direction: column
46
+ }
47
+
48
+ .cs-component-chart-frame-13 {
49
+ align-items: flex-end
50
+ }
51
+
52
+ .cs-component-chart-frame-20,
53
+ .cs-component-chart-frame-34,
54
+ .cs-component-chart-frame-36 {
55
+ align-items: center
56
+ }
57
+
58
+ .cs-component-chart-frame-12 {
59
+ justify-content: flex-end
60
+ }
61
+
62
+ .cs-component-chart-frame-20 {
63
+ justify-content: center
64
+ }
65
+
66
+ .cs-component-chart-frame-34 {
67
+ justify-content: space-between
68
+ }
69
+
70
+ .cs-component-chart-frame-36 {
71
+ gap: var(--space-1)
72
+ }
73
+
74
+ .cs-component-chart-frame-12,
75
+ .cs-component-chart-frame-13,
76
+ .cs-component-chart-frame-20,
77
+ .cs-component-chart-frame-34 {
78
+ gap: var(--space-2)
79
+ }
80
+
81
+ .cs-component-chart-frame-35 {
82
+ overflow: hidden;
83
+ text-overflow: ellipsis;
84
+ white-space: nowrap
85
+ }
86
+
87
+ .cs-component-chart-frame-32 {
88
+ border-radius: var(--radius-md)
89
+ }
90
+
91
+ .cs-component-chart-frame-32 {
92
+ border-width: .0625rem
93
+ }
94
+
95
+ .cs-component-chart-frame-32 {
96
+ border-color: var(--border)
97
+ }
98
+
99
+ .cs-component-chart-frame-32 {
100
+ background-color: var(--card)
101
+ }
102
+
103
+ .cs-component-chart-frame-33 {
104
+ padding: var(--space-3)
105
+ }
106
+
107
+ .cs-component-chart-frame-13 {
108
+ padding-left: var(--space-2);
109
+ padding-right: var(--space-2)
110
+ }
111
+
112
+ .cs-component-chart-frame-20 {
113
+ padding-left: var(--space-3);
114
+ padding-right: var(--space-3)
115
+ }
116
+
117
+ .cs-component-chart-frame-13 {
118
+ padding-bottom: var(--space-2)
119
+ }
120
+
121
+ .cs-component-chart-frame-20 {
122
+ text-align: center
123
+ }
124
+
125
+ .cs-component-chart-frame-21 {
126
+ color: var(--color-error)
127
+ }
128
+
129
+ .cs-component-chart-frame-22 {
130
+ color: var(--fg)
131
+ }
132
+
133
+ .cs-component-chart-frame-23,
134
+ .cs-component-chart-frame-27 {
135
+ color: var(--muted)
136
+ }
137
+
138
+ .cs-component-chart-frame-22 {
139
+ font-size: var(--font-size-sm)
140
+ }
141
+
142
+ .cs-component-chart-frame-23 {
143
+ font-size: var(--font-size-xs)
144
+ }
package/dist/styles/components/chart-tooltip.css ADDED
@@ -0,0 +1,54 @@
1
+ /* chart-tooltip component styles. */
2
+ .cs-component-chart-tooltip-15 {
3
+ pointer-events: none
4
+ }
5
+
6
+ .cs-component-chart-tooltip-15 {
7
+ position: absolute
8
+ }
9
+
10
+ .cs-component-chart-tooltip-15 {
11
+ z-index: var(--z-tooltip)
12
+ }
13
+
14
+ .cs-component-chart-tooltip-16 {
15
+ max-width: var(--chart-tooltip-max-width)
16
+ }
17
+
18
+ .cs-component-chart-tooltip-17 {
19
+ border-radius: var(--radius-sm)
20
+ }
21
+
22
+ .cs-component-chart-tooltip-17 {
23
+ border-width: .0625rem
24
+ }
25
+
26
+ .cs-component-chart-tooltip-17 {
27
+ border-color: var(--border)
28
+ }
29
+
30
+ .cs-component-chart-tooltip-17 {
31
+ background-color: var(--card)
32
+ }
33
+
34
+ .cs-component-chart-tooltip-19 {
35
+ padding-left: var(--space-2);
36
+ padding-right: var(--space-2)
37
+ }
38
+
39
+ .cs-component-chart-tooltip-19 {
40
+ padding-top: var(--space-1);
41
+ padding-bottom: var(--space-1)
42
+ }
43
+
44
+ .cs-component-chart-tooltip-18 {
45
+ box-shadow: var(--shadow-md)
46
+ }
47
+
48
+ .cs-component-chart-tooltip-20 {
49
+ color: var(--fg)
50
+ }
51
+
52
+ .cs-component-chart-tooltip-20 {
53
+ font-size: var(--font-size-xs)
54
+ }
package/dist/styles/components/checkbox-group.css ADDED
@@ -0,0 +1,281 @@
1
+ @import "./form-group.css";
2
+
3
+ /* checkbox-group component styles. */
4
+ .cs-component-checkbox-group-41 {
5
+ pointer-events: none
6
+ }
7
+
8
+ .cs-component-checkbox-group-54 {
9
+ position: absolute
10
+ }
11
+
12
+ .cs-component-checkbox-group-43 {
13
+ position: relative
14
+ }
15
+
16
+ .cs-component-checkbox-group-32 {
17
+ position: sticky
18
+ }
19
+
20
+ .cs-component-checkbox-group-54 {
21
+ right: var(--space-1)
22
+ }
23
+
24
+ .cs-component-checkbox-group-32 {
25
+ top: 0
26
+ }
27
+
28
+ .cs-component-checkbox-group-54 {
29
+ top: 50%
30
+ }
31
+
32
+ .cs-component-checkbox-group-32 {
33
+ z-index: var(--z-sticky)
34
+ }
35
+
36
+ .cs-component-checkbox-group-5,
37
+ .cs-component-checkbox-group-16,
38
+ .cs-component-checkbox-group-20,
39
+ .cs-component-checkbox-group-26,
40
+ .cs-component-checkbox-group-28,
41
+ .cs-component-checkbox-group-36,
42
+ .cs-component-checkbox-group-42,
43
+ .cs-component-checkbox-group-57 {
44
+ display: flex
45
+ }
46
+
47
+ .cs-component-checkbox-group-10 {
48
+ height: 0.625rem
49
+ }
50
+
51
+ .cs-component-checkbox-group-33 {
52
+ height: var(--icon-size-xs)
53
+ }
54
+
55
+ .cs-component-checkbox-group-10 {
56
+ width: 0.625rem
57
+ }
58
+
59
+ .cs-component-checkbox-group-33 {
60
+ width: var(--icon-size-xs)
61
+ }
62
+
63
+ .cs-component-checkbox-group-45 {
64
+ width: 100%
65
+ }
66
+
67
+ .cs-component-checkbox-group-34 {
68
+ flex: 1 1 0%
69
+ }
70
+
71
+ .cs-component-checkbox-group-9,
72
+ .cs-component-checkbox-group-10 {
73
+ flex-shrink: 0
74
+ }
75
+
76
+ .cs-component-checkbox-group-54 {
77
+ transform: translateY(-50%)
78
+ }
79
+
80
+ .cs-component-checkbox-group-7 {
81
+ cursor: not-allowed
82
+ }
83
+
84
+ .cs-component-checkbox-group-5,
85
+ .cs-component-checkbox-group-9,
86
+ .cs-component-checkbox-group-13,
87
+ .cs-component-checkbox-group-22,
88
+ .cs-component-checkbox-group-31,
89
+ .cs-component-checkbox-group-54 {
90
+ cursor: pointer
91
+ }
92
+
93
+ .cs-component-checkbox-group-20,
94
+ .cs-component-checkbox-group-26,
95
+ .cs-component-checkbox-group-36,
96
+ .cs-component-checkbox-group-42,
97
+ .cs-component-checkbox-group-57 {
98
+ flex-direction: column
99
+ }
100
+
101
+ .cs-component-checkbox-group-5,
102
+ .cs-component-checkbox-group-28 {
103
+ align-items: center
104
+ }
105
+
106
+ .cs-component-checkbox-group-20,
107
+ .cs-component-checkbox-group-28,
108
+ .cs-component-checkbox-group-36,
109
+ .cs-component-checkbox-group-57 {
110
+ gap: var(--space-1)
111
+ }
112
+
113
+ .cs-component-checkbox-group-5,
114
+ .cs-component-checkbox-group-16,
115
+ .cs-component-checkbox-group-42 {
116
+ gap: var(--space-2)
117
+ }
118
+
119
+ .cs-component-checkbox-group-11 {
120
+ overflow: hidden;
121
+ text-overflow: ellipsis;
122
+ white-space: nowrap
123
+ }
124
+
125
+ .cs-component-checkbox-group-20,
126
+ .cs-component-checkbox-group-45 {
127
+ border-radius: var(--radius-sm)
128
+ }
129
+
130
+ .cs-component-checkbox-group-10 {
131
+ border-radius: 624.9375rem
132
+ }
133
+
134
+ .cs-component-checkbox-group-45 {
135
+ border-width: .0625rem
136
+ }
137
+
138
+ .cs-component-checkbox-group-13,
139
+ .cs-component-checkbox-group-22,
140
+ .cs-component-checkbox-group-31,
141
+ .cs-component-checkbox-group-54 {
142
+ border-style: none
143
+ }
144
+
145
+ .cs-component-checkbox-group-45 {
146
+ border-color: var(--border)
147
+ }
148
+
149
+ .cs-component-checkbox-group-20 {
150
+ background-color: var(--bg)
151
+ }
152
+
153
+ .cs-component-checkbox-group-29,
154
+ .cs-component-checkbox-group-46 {
155
+ background-color: var(--card)
156
+ }
157
+
158
+ .cs-component-checkbox-group-13,
159
+ .cs-component-checkbox-group-22,
160
+ .cs-component-checkbox-group-54 {
161
+ background-color: transparent
162
+ }
163
+
164
+ .cs-component-checkbox-group-13,
165
+ .cs-component-checkbox-group-22 {
166
+ padding: 0
167
+ }
168
+
169
+ .cs-component-checkbox-group-54 {
170
+ padding: var(--space-0-5)
171
+ }
172
+
173
+ .cs-component-checkbox-group-20 {
174
+ padding: var(--space-1)
175
+ }
176
+
177
+ .cs-component-checkbox-group-47 {
178
+ padding-left: var(--space-2);
179
+ padding-right: var(--space-2)
180
+ }
181
+
182
+ .cs-component-checkbox-group-28,
183
+ .cs-component-checkbox-group-47,
184
+ .cs-component-checkbox-group-56 {
185
+ padding-top: var(--space-1);
186
+ padding-bottom: var(--space-1)
187
+ }
188
+
189
+ .cs-component-checkbox-group-36 {
190
+ padding-left: var(--space-1)
191
+ }
192
+
193
+ .cs-component-checkbox-group-22,
194
+ .cs-component-checkbox-group-31 {
195
+ text-align: left
196
+ }
197
+
198
+ .cs-component-checkbox-group-56 {
199
+ font-style: italic
200
+ }
201
+
202
+ .cs-component-checkbox-group-9 {
203
+ accent-color: var(--color-accent)
204
+ }
205
+
206
+ .cs-component-checkbox-group-7,
207
+ .cs-component-checkbox-group-41 {
208
+ opacity: 0.5
209
+ }
210
+
211
+ .cs-component-checkbox-group-14,
212
+ .cs-component-checkbox-group-51 {
213
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
214
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
215
+ transition-duration: 150ms
216
+ }
217
+
218
+ .cs-component-checkbox-group-18 {
219
+ color: var(--border)
220
+ }
221
+
222
+ .cs-component-checkbox-group-6,
223
+ .cs-component-checkbox-group-46 {
224
+ color: var(--fg)
225
+ }
226
+
227
+ .cs-component-checkbox-group-12,
228
+ .cs-component-checkbox-group-29,
229
+ .cs-component-checkbox-group-54,
230
+ .cs-component-checkbox-group-56 {
231
+ color: var(--muted)
232
+ }
233
+
234
+ .cs-component-checkbox-group-6 {
235
+ font-size: var(--font-size-sm)
236
+ }
237
+
238
+ .cs-component-checkbox-group-12,
239
+ .cs-component-checkbox-group-48,
240
+ .cs-component-checkbox-group-56 {
241
+ font-size: var(--font-size-xs)
242
+ }
243
+
244
+ .cs-component-checkbox-group-35 {
245
+ font-variant-numeric: tabular-nums
246
+ }
247
+
248
+ .cs-component-checkbox-group-35 {
249
+ font-weight: var(--font-weight-regular)
250
+ }
251
+
252
+ .cs-component-checkbox-group-49::placeholder {
253
+ color: var(--color-neutral);
254
+ opacity: 1
255
+ }
256
+
257
+ .cs-component-checkbox-group-14:hover,
258
+ .cs-component-checkbox-group-54:hover {
259
+ color: var(--fg)
260
+ }
261
+
262
+ .cs-component-checkbox-group-50:focus {
263
+ outline: .125rem solid transparent;
264
+ outline-offset: .125rem
265
+ }
266
+
267
+ .cs-component-checkbox-group-50:focus {
268
+ box-shadow: 0 0 0 .125rem var(--color-accent)
269
+ }
270
+
271
+ .cs-component-checkbox-group-15:disabled {
272
+ cursor: default
273
+ }
274
+
275
+ .cs-component-checkbox-group-15:disabled {
276
+ opacity: 0.4
277
+ }
278
+
279
+ .cs-component-checkbox-group-15:hover:disabled {
280
+ color: var(--muted)
281
+ }
package/dist/styles/components/chip.css ADDED
@@ -0,0 +1,61 @@
1
+ /* chip component styles. */
2
+ .cs-component-chip-1 {
3
+ align-items: center
4
+ }
5
+
6
+ .cs-component-chip-1 {
7
+ display: flex
8
+ }
9
+
10
+ .cs-component-chip-1:focus-visible {
11
+ outline: .125rem solid var(--color-accent);
12
+ outline-offset: .125rem
13
+ }
14
+
15
+ .cs-component-chip-1 {
16
+ border-radius: 624.9375rem;
17
+ border-style: solid;
18
+ border-width: .0625rem;
19
+ cursor: pointer;
20
+ display: inline-flex;
21
+ font-size: var(--font-size-label);
22
+ font-weight: var(--font-weight-semibold);
23
+ gap: var(--space-1);
24
+ height: 1.75rem;
25
+ justify-content: center;
26
+ line-height: 1;
27
+ padding: 0 var(--space-2);
28
+ white-space: nowrap
29
+ }
30
+
31
+ .cs-component-chip-2 {
32
+ background-color: var(--color-accent-bg-strong);
33
+ border-color: var(--color-accent);
34
+ color: var(--fg)
35
+ }
36
+
37
+ .cs-component-chip-3 {
38
+ background-color: var(--card);
39
+ border-color: var(--border);
40
+ color: var(--fg)
41
+ }
42
+
43
+ .cs-component-chip-3:hover {
44
+ background-color: var(--color-bg-muted-hover)
45
+ }
46
+
47
+ .cs-component-chip-4 {
48
+ cursor: not-allowed;
49
+ opacity: .5
50
+ }
51
+
52
+ .cs-component-chip-5 {
53
+ align-items: center;
54
+ background-color: var(--color-bg-muted);
55
+ border-radius: 624.9375rem;
56
+ display: inline-flex;
57
+ font-variant-numeric: tabular-nums;
58
+ justify-content: center;
59
+ min-width: 1rem;
60
+ padding: 0 var(--space-1)
61
+ }