@dxos/ui-theme 0.8.4-staging.ac66bdf99f → 0.9.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 (169) hide show
  1. package/LICENSE +102 -5
  2. package/README.md +1 -1
  3. package/dist/lib/browser/index.mjs +89 -867
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/node-esm/index.mjs +89 -867
  7. package/dist/lib/node-esm/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/meta.json +1 -1
  9. package/dist/plugin/node-cjs/main.css +252 -119
  10. package/dist/plugin/node-cjs/main.css.map +3 -3
  11. package/dist/plugin/node-cjs/meta.json +1 -1
  12. package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs +82 -10
  13. package/dist/plugin/node-cjs/plugins/ThemePlugin.cjs.map +3 -3
  14. package/dist/plugin/node-esm/main.css +252 -119
  15. package/dist/plugin/node-esm/main.css.map +3 -3
  16. package/dist/plugin/node-esm/meta.json +1 -1
  17. package/dist/plugin/node-esm/plugins/ThemePlugin.mjs +84 -12
  18. package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.map +3 -3
  19. package/dist/types/src/Theme.stories.d.ts.map +1 -1
  20. package/dist/types/src/defs.d.ts +1 -1
  21. package/dist/types/src/defs.d.ts.map +1 -1
  22. package/dist/types/src/fragments/density.d.ts +2 -2
  23. package/dist/types/src/fragments/density.d.ts.map +1 -1
  24. package/dist/types/src/fragments/hover.d.ts +0 -1
  25. package/dist/types/src/fragments/hover.d.ts.map +1 -1
  26. package/dist/types/src/index.d.ts +0 -1
  27. package/dist/types/src/index.d.ts.map +1 -1
  28. package/dist/types/src/plugins/ThemePlugin.d.ts +3 -2
  29. package/dist/types/src/plugins/ThemePlugin.d.ts.map +1 -1
  30. package/dist/types/src/util/hash-styles.d.ts +12 -2
  31. package/dist/types/src/util/hash-styles.d.ts.map +1 -1
  32. package/dist/types/src/util/mx.d.ts +0 -36
  33. package/dist/types/src/util/mx.d.ts.map +1 -1
  34. package/dist/types/src/util/size.d.ts.map +1 -1
  35. package/dist/types/src/util/valence.d.ts +8 -2
  36. package/dist/types/src/util/valence.d.ts.map +1 -1
  37. package/dist/types/tsconfig.tsbuildinfo +1 -1
  38. package/package.json +14 -21
  39. package/src/Theme.stories.tsx +94 -27
  40. package/src/css/DESIGN_SYSTEM.md +187 -0
  41. package/src/css/base/base.css +2 -2
  42. package/src/css/components/button.css +63 -13
  43. package/src/css/components/card.css +14 -0
  44. package/src/css/components/checkbox.css +3 -3
  45. package/src/css/components/focus.css +12 -12
  46. package/src/css/components/link.css +4 -1
  47. package/src/css/components/panel.css +45 -45
  48. package/src/css/components/state.css +99 -0
  49. package/src/css/components/state.md +101 -0
  50. package/src/css/components/surface.css +33 -11
  51. package/src/css/components/tag.css +25 -24
  52. package/src/css/integrations/codemirror.css +4 -3
  53. package/src/css/integrations/tldraw.css +1 -1
  54. package/src/css/layout/main.css +6 -0
  55. package/src/css/layout/size.css +16 -3
  56. package/src/css/theme/animation.css +31 -0
  57. package/src/css/theme/palette.css +34 -0
  58. package/src/css/theme/semantic.css +101 -60
  59. package/src/css/theme/spacing.css +29 -12
  60. package/src/css/theme/styles.css +172 -119
  61. package/src/css/utilities.css +42 -0
  62. package/src/defs.ts +3 -1
  63. package/src/fragments/AUDIT.md +0 -2
  64. package/src/fragments/density.ts +34 -7
  65. package/src/fragments/hover.ts +0 -2
  66. package/src/index.ts +1 -1
  67. package/src/main.css +68 -9
  68. package/src/plugins/ThemePlugin.ts +102 -14
  69. package/src/plugins/main.css +10 -7
  70. package/src/util/hash-styles.ts +54 -42
  71. package/src/util/mx.ts +1 -126
  72. package/src/util/valence.ts +15 -5
  73. package/dist/types/src/theme/components/avatar.d.ts +0 -21
  74. package/dist/types/src/theme/components/avatar.d.ts.map +0 -1
  75. package/dist/types/src/theme/components/breadcrumb.d.ts +0 -9
  76. package/dist/types/src/theme/components/breadcrumb.d.ts.map +0 -1
  77. package/dist/types/src/theme/components/button.d.ts +0 -15
  78. package/dist/types/src/theme/components/button.d.ts.map +0 -1
  79. package/dist/types/src/theme/components/card.d.ts +0 -12
  80. package/dist/types/src/theme/components/card.d.ts.map +0 -1
  81. package/dist/types/src/theme/components/dialog.d.ts +0 -17
  82. package/dist/types/src/theme/components/dialog.d.ts.map +0 -1
  83. package/dist/types/src/theme/components/focus.d.ts +0 -6
  84. package/dist/types/src/theme/components/focus.d.ts.map +0 -1
  85. package/dist/types/src/theme/components/icon-button.d.ts +0 -8
  86. package/dist/types/src/theme/components/icon-button.d.ts.map +0 -1
  87. package/dist/types/src/theme/components/icon.d.ts +0 -10
  88. package/dist/types/src/theme/components/icon.d.ts.map +0 -1
  89. package/dist/types/src/theme/components/index.d.ts +0 -27
  90. package/dist/types/src/theme/components/index.d.ts.map +0 -1
  91. package/dist/types/src/theme/components/input.d.ts +0 -115
  92. package/dist/types/src/theme/components/input.d.ts.map +0 -1
  93. package/dist/types/src/theme/components/link.d.ts +0 -7
  94. package/dist/types/src/theme/components/link.d.ts.map +0 -1
  95. package/dist/types/src/theme/components/list.d.ts +0 -14
  96. package/dist/types/src/theme/components/list.d.ts.map +0 -1
  97. package/dist/types/src/theme/components/main.d.ts +0 -28
  98. package/dist/types/src/theme/components/main.d.ts.map +0 -1
  99. package/dist/types/src/theme/components/menu.d.ts +0 -13
  100. package/dist/types/src/theme/components/menu.d.ts.map +0 -1
  101. package/dist/types/src/theme/components/message.d.ts +0 -12
  102. package/dist/types/src/theme/components/message.d.ts.map +0 -1
  103. package/dist/types/src/theme/components/popover.d.ts +0 -11
  104. package/dist/types/src/theme/components/popover.d.ts.map +0 -1
  105. package/dist/types/src/theme/components/scroll-area.d.ts +0 -32
  106. package/dist/types/src/theme/components/scroll-area.d.ts.map +0 -1
  107. package/dist/types/src/theme/components/select.d.ts +0 -13
  108. package/dist/types/src/theme/components/select.d.ts.map +0 -1
  109. package/dist/types/src/theme/components/separator.d.ts +0 -8
  110. package/dist/types/src/theme/components/separator.d.ts.map +0 -1
  111. package/dist/types/src/theme/components/skeleton.d.ts +0 -7
  112. package/dist/types/src/theme/components/skeleton.d.ts.map +0 -1
  113. package/dist/types/src/theme/components/splitter.d.ts +0 -4
  114. package/dist/types/src/theme/components/splitter.d.ts.map +0 -1
  115. package/dist/types/src/theme/components/status.d.ts +0 -9
  116. package/dist/types/src/theme/components/status.d.ts.map +0 -1
  117. package/dist/types/src/theme/components/tag.d.ts +0 -7
  118. package/dist/types/src/theme/components/tag.d.ts.map +0 -1
  119. package/dist/types/src/theme/components/toast.d.ts +0 -12
  120. package/dist/types/src/theme/components/toast.d.ts.map +0 -1
  121. package/dist/types/src/theme/components/toolbar.d.ts +0 -11
  122. package/dist/types/src/theme/components/toolbar.d.ts.map +0 -1
  123. package/dist/types/src/theme/components/tooltip.d.ts +0 -8
  124. package/dist/types/src/theme/components/tooltip.d.ts.map +0 -1
  125. package/dist/types/src/theme/components/treegrid.d.ts +0 -10
  126. package/dist/types/src/theme/components/treegrid.d.ts.map +0 -1
  127. package/dist/types/src/theme/index.d.ts +0 -4
  128. package/dist/types/src/theme/index.d.ts.map +0 -1
  129. package/dist/types/src/theme/primitives/column.d.ts +0 -29
  130. package/dist/types/src/theme/primitives/column.d.ts.map +0 -1
  131. package/dist/types/src/theme/primitives/index.d.ts +0 -3
  132. package/dist/types/src/theme/primitives/index.d.ts.map +0 -1
  133. package/dist/types/src/theme/primitives/panel.d.ts +0 -13
  134. package/dist/types/src/theme/primitives/panel.d.ts.map +0 -1
  135. package/dist/types/src/theme/theme.d.ts +0 -5
  136. package/dist/types/src/theme/theme.d.ts.map +0 -1
  137. package/src/css/components/selected.css +0 -30
  138. package/src/theme/components/avatar.ts +0 -95
  139. package/src/theme/components/breadcrumb.ts +0 -29
  140. package/src/theme/components/button.ts +0 -48
  141. package/src/theme/components/card.ts +0 -102
  142. package/src/theme/components/dialog.ts +0 -61
  143. package/src/theme/components/focus.ts +0 -33
  144. package/src/theme/components/icon-button.ts +0 -18
  145. package/src/theme/components/icon.ts +0 -28
  146. package/src/theme/components/index.ts +0 -30
  147. package/src/theme/components/input.ts +0 -171
  148. package/src/theme/components/link.ts +0 -25
  149. package/src/theme/components/list.ts +0 -46
  150. package/src/theme/components/main.ts +0 -34
  151. package/src/theme/components/menu.ts +0 -50
  152. package/src/theme/components/message.ts +0 -40
  153. package/src/theme/components/popover.ts +0 -41
  154. package/src/theme/components/scroll-area.ts +0 -115
  155. package/src/theme/components/select.ts +0 -52
  156. package/src/theme/components/separator.ts +0 -24
  157. package/src/theme/components/skeleton.ts +0 -23
  158. package/src/theme/components/splitter.ts +0 -20
  159. package/src/theme/components/status.ts +0 -32
  160. package/src/theme/components/tag.ts +0 -23
  161. package/src/theme/components/toast.ts +0 -53
  162. package/src/theme/components/toolbar.ts +0 -35
  163. package/src/theme/components/tooltip.ts +0 -27
  164. package/src/theme/components/treegrid.ts +0 -37
  165. package/src/theme/index.ts +0 -7
  166. package/src/theme/primitives/column.ts +0 -71
  167. package/src/theme/primitives/index.ts +0 -6
  168. package/src/theme/primitives/panel.ts +0 -43
  169. package/src/theme/theme.ts +0 -87
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAqB,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKnF,eAAO,MAAM,mBAAmB,4SAC2Q,CAAC;AAE5S,eAAO,MAAM,yBAAyB,6CAA6C,CAAC;AAEpF,eAAO,MAAM,mBAAmB,QAG/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAG7B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD,CAAC,CAAC;AAaH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}
@@ -1,12 +0,0 @@
1
- import { type Density, type Theme } from '@dxos/ui-types';
2
- export type CardStyleProps = {
3
- border?: boolean;
4
- fullWidth?: boolean;
5
- srOnly?: boolean;
6
- variant?: 'default' | 'subtitle' | 'description';
7
- density?: Density;
8
- truncate?: boolean;
9
- padding?: boolean;
10
- };
11
- export declare const cardTheme: Theme<CardStyleProps>;
12
- //# sourceMappingURL=card.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIlF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAqEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgB3C,CAAC"}
@@ -1,17 +0,0 @@
1
- import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
2
- export type DialogSize = 'sm' | 'md' | 'lg' | 'xl';
3
- export type DialogStyleProps = {
4
- srOnly?: boolean;
5
- inOverlayLayout?: boolean;
6
- elevation?: Elevation;
7
- size?: DialogSize;
8
- };
9
- export declare const dialogOverlay: ComponentFunction<DialogStyleProps>;
10
- export declare const dialogContent: ComponentFunction<DialogStyleProps>;
11
- export declare const dialogHeader: ComponentFunction<DialogStyleProps>;
12
- export declare const dialogBody: ComponentFunction<DialogStyleProps>;
13
- export declare const dialogActionBar: ComponentFunction<DialogStyleProps>;
14
- export declare const dialogTitle: ComponentFunction<DialogStyleProps>;
15
- export declare const dialogDescription: ComponentFunction<DialogStyleProps>;
16
- export declare const dialogTheme: Theme<DialogStyleProps>;
17
- //# sourceMappingURL=dialog.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/dialog.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AASnD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAAwD,CAAC;AAEvH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAQ7D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,gBAAgB,CACgC,CAAC;AAE9F,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CACQ,CAAC;AAEpE,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CACwC,CAAC;AAEzG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CACP,CAAC;AAEtD,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,gBAAgB,CACa,CAAC;AAEhF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}
@@ -1,6 +0,0 @@
1
- import { type Theme } from '@dxos/ui-types';
2
- export type FocusStyleProps = {
3
- border?: boolean;
4
- };
5
- export declare const focusTheme: Theme<FocusStyleProps>;
6
- //# sourceMappingURL=focus.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"focus.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/focus.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAmBF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAG7C,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { ComponentFunction, Theme } from '@dxos/ui-types';
2
- import { type ButtonStyleProps } from './button';
3
- export type IconButtonStyleProps = ButtonStyleProps & {
4
- iconOnly?: boolean;
5
- };
6
- export declare const iconButtonRoot: ComponentFunction<IconButtonStyleProps>;
7
- export declare const iconButtonTheme: Theme<IconButtonStyleProps>;
8
- //# sourceMappingURL=icon-button.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon-button.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE7E,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAElE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAEvD,CAAC"}
@@ -1,10 +0,0 @@
1
- import { type ComponentFunction, type Size, type Theme } from '@dxos/ui-types';
2
- export type IconStyleProps = {
3
- size?: Size;
4
- };
5
- /**
6
- * Size can be specified directly, or inherited from a container (e.g., toolbar).
7
- */
8
- export declare const iconRoot: ComponentFunction<IconStyleProps>;
9
- export declare const iconTheme: Theme<IconStyleProps>;
10
- //# sourceMappingURL=icon.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/icon.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,IAAI,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/E,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAQtD,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}
@@ -1,27 +0,0 @@
1
- export * from './avatar';
2
- export * from './breadcrumb';
3
- export * from './card';
4
- export * from './button';
5
- export * from './dialog';
6
- export * from './focus';
7
- export * from './icon';
8
- export * from './icon-button';
9
- export * from './input';
10
- export * from './link';
11
- export * from './list';
12
- export * from './main';
13
- export * from './menu';
14
- export * from './message';
15
- export * from './popover';
16
- export * from './scroll-area';
17
- export * from './select';
18
- export * from './splitter';
19
- export * from './separator';
20
- export * from './skeleton';
21
- export * from './status';
22
- export * from './tag';
23
- export * from './toast';
24
- export * from './toolbar';
25
- export * from './tooltip';
26
- export * from './treegrid';
27
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}
@@ -1,115 +0,0 @@
1
- import { type ComponentFunction, type Density, type Elevation, type MessageValence, type Size } from '@dxos/ui-types';
2
- export type InputStyleProps = Partial<{
3
- variant: 'default' | 'subdued' | 'static';
4
- density: Density;
5
- disabled: boolean;
6
- elevation: Elevation;
7
- focused: boolean;
8
- validationValence: MessageValence;
9
- size: Size;
10
- checked: boolean;
11
- }>;
12
- export type InputMetaStyleProps = Partial<{
13
- srOnly: boolean;
14
- validationValence: MessageValence;
15
- }>;
16
- export declare const inputTextLabel = "py-1 text-sm text-description";
17
- export declare const inputTheme: {
18
- input: ComponentFunction<Partial<{
19
- variant: "default" | "subdued" | "static";
20
- density: Density;
21
- disabled: boolean;
22
- elevation: Elevation;
23
- focused: boolean;
24
- validationValence: MessageValence;
25
- size: Size;
26
- checked: boolean;
27
- }>>;
28
- textArea: ComponentFunction<Partial<{
29
- variant: "default" | "subdued" | "static";
30
- density: Density;
31
- disabled: boolean;
32
- elevation: Elevation;
33
- focused: boolean;
34
- validationValence: MessageValence;
35
- size: Size;
36
- checked: boolean;
37
- }>>;
38
- inputWithSegments: ComponentFunction<Partial<{
39
- variant: "default" | "subdued" | "static";
40
- density: Density;
41
- disabled: boolean;
42
- elevation: Elevation;
43
- focused: boolean;
44
- validationValence: MessageValence;
45
- size: Size;
46
- checked: boolean;
47
- }>>;
48
- segment: ComponentFunction<Partial<{
49
- variant: "default" | "subdued" | "static";
50
- density: Density;
51
- disabled: boolean;
52
- elevation: Elevation;
53
- focused: boolean;
54
- validationValence: MessageValence;
55
- size: Size;
56
- checked: boolean;
57
- }>>;
58
- checkbox: ComponentFunction<Partial<{
59
- variant: "default" | "subdued" | "static";
60
- density: Density;
61
- disabled: boolean;
62
- elevation: Elevation;
63
- focused: boolean;
64
- validationValence: MessageValence;
65
- size: Size;
66
- checked: boolean;
67
- }>>;
68
- checkboxIndicator: ComponentFunction<Partial<{
69
- variant: "default" | "subdued" | "static";
70
- density: Density;
71
- disabled: boolean;
72
- elevation: Elevation;
73
- focused: boolean;
74
- validationValence: MessageValence;
75
- size: Size;
76
- checked: boolean;
77
- }>>;
78
- label: ComponentFunction<Partial<{
79
- srOnly: boolean;
80
- validationValence: MessageValence;
81
- }>>;
82
- description: ComponentFunction<Partial<{
83
- srOnly: boolean;
84
- validationValence: MessageValence;
85
- }>>;
86
- switch: ComponentFunction<Partial<{
87
- variant: "default" | "subdued" | "static";
88
- density: Density;
89
- disabled: boolean;
90
- elevation: Elevation;
91
- focused: boolean;
92
- validationValence: MessageValence;
93
- size: Size;
94
- checked: boolean;
95
- }>>;
96
- switchThumb: ComponentFunction<Partial<{
97
- variant: "default" | "subdued" | "static";
98
- density: Density;
99
- disabled: boolean;
100
- elevation: Elevation;
101
- focused: boolean;
102
- validationValence: MessageValence;
103
- size: Size;
104
- checked: boolean;
105
- }>>;
106
- validation: ComponentFunction<Partial<{
107
- srOnly: boolean;
108
- validationValence: MessageValence;
109
- }>>;
110
- descriptionAndValidation: ComponentFunction<Partial<{
111
- srOnly: boolean;
112
- validationValence: MessageValence;
113
- }>>;
114
- };
115
- //# sourceMappingURL=input.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/input.ts"],"names":[],"mappings":"AAIA,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,OAAO,EACZ,KAAK,SAAS,EACd,KAAK,cAAc,EACnB,KAAK,IAAI,EACV,MAAM,gBAAgB,CAAC;AAKxB,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,EAAE,cAAc,CAAC;IAClC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,cAAc,CAAC;CACnC,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,kCAAkC,CAAC;AA6H9D,eAAO,MAAM,UAAU;;iBA5IZ,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;gBAIR,OAAO;2BACI,cAAc;;;gBADzB,OAAO;2BACI,cAAc;;;iBAZxB,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;iBAPP,SAAS,GAAG,SAAS,GAAG,QAAQ;iBAChC,OAAO;kBACN,OAAO;mBACN,SAAS;iBACX,OAAO;2BACG,cAAc;cAC3B,IAAI;iBACD,OAAO;;;gBAIR,OAAO;2BACI,cAAc;;;gBADzB,OAAO;2BACI,cAAc;;CA6IlC,CAAC"}
@@ -1,7 +0,0 @@
1
- import { type ComponentFunction, type Theme } from '@dxos/ui-types';
2
- export type LinkStyleProps = {
3
- variant?: 'accent' | 'neutral';
4
- };
5
- export declare const linkRoot: ComponentFunction<LinkStyleProps>;
6
- export declare const linkTheme: Theme<LinkStyleProps>;
7
- //# sourceMappingURL=link.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/link.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAQpD,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAE3C,CAAC"}
@@ -1,14 +0,0 @@
1
- import { type ComponentFunction, type Density, type Theme } from '@dxos/ui-types';
2
- export type ListStyleProps = Partial<{
3
- density: Density;
4
- collapsible: boolean;
5
- }>;
6
- export declare const listRoot: ComponentFunction<ListStyleProps>;
7
- export declare const listItem: ComponentFunction<ListStyleProps>;
8
- export declare const listItemEndcap: ComponentFunction<ListStyleProps>;
9
- export declare const listItemHeading: ComponentFunction<ListStyleProps>;
10
- export declare const listItemDragHandleIcon: ComponentFunction<ListStyleProps>;
11
- export declare const listItemOpenTrigger: ComponentFunction<ListStyleProps>;
12
- export declare const listItemOpenTriggerIcon: ComponentFunction<ListStyleProps>;
13
- export declare const listTheme: Theme<ListStyleProps>;
14
- //# sourceMappingURL=list.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/list.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKlF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAA6B,CAAC;AAErF,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CACnB,CAAC;AAErC,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CAC2C,CAAC;AAEzG,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,cAAc,CACgC,CAAC;AAE/F,eAAO,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,cAAc,CACnC,CAAC;AAEnC,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,cAAc,CACqD,CAAC;AAExH,eAAO,MAAM,uBAAuB,EAAE,iBAAiB,CAAC,cAAc,CAErE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAU3C,CAAC"}
@@ -1,28 +0,0 @@
1
- import { type ComponentFunction } from '@dxos/ui-types';
2
- export declare const topbarBlockPaddingStart = "py-(--dx-topbar-size) dx-sticky-top-from-topbar-bottom";
3
- export declare const bottombarBlockPaddingEnd = "pb-(--dx-statusbar-size) dx-sticky-bottom-from-statusbar-bottom";
4
- export declare const mainPadding = "dx-main-content-padding";
5
- export declare const mainPaddingTransitions = "dx-main-content-padding-transitions";
6
- export declare const mainIntrinsicSize = "dx-main-intrinsic-size";
7
- export type MainStyleProps = Partial<{
8
- bounce: boolean;
9
- handlesFocus: boolean;
10
- }>;
11
- export declare const mainContent: ComponentFunction<MainStyleProps>;
12
- export declare const mainSidebar: ComponentFunction<MainStyleProps>;
13
- export declare const mainOverlay: ComponentFunction<MainStyleProps>;
14
- export declare const mainTheme: {
15
- content: ComponentFunction<Partial<{
16
- bounce: boolean;
17
- handlesFocus: boolean;
18
- }>>;
19
- sidebar: ComponentFunction<Partial<{
20
- bounce: boolean;
21
- handlesFocus: boolean;
22
- }>>;
23
- overlay: ComponentFunction<Partial<{
24
- bounce: boolean;
25
- handlesFocus: boolean;
26
- }>>;
27
- };
28
- //# sourceMappingURL=main.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/main.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAKxD,eAAO,MAAM,uBAAuB,2DAA2D,CAAC;AAChG,eAAO,MAAM,wBAAwB,oEAAoE,CAAC;AAE1G,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,sBAAsB,wCAAwC,CAAC;AAC5E,eAAO,MAAM,iBAAiB,2BAA2B,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACgD,CAAC;AAE3G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CACK,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAgD,CAAC;AAE3G,eAAO,MAAM,SAAS;;gBAZZ,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;;gBADb,OAAO;sBACD,OAAO;;CAetB,CAAC"}
@@ -1,13 +0,0 @@
1
- import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
2
- export type MenuStyleProps = Partial<{
3
- constrainBlockSize: boolean;
4
- elevation: Elevation;
5
- }>;
6
- export declare const menuContent: ComponentFunction<MenuStyleProps>;
7
- export declare const menuViewport: ComponentFunction<MenuStyleProps>;
8
- export declare const menuItem: ComponentFunction<MenuStyleProps>;
9
- export declare const menuSeparator: ComponentFunction<MenuStyleProps>;
10
- export declare const menuGroupLabel: ComponentFunction<MenuStyleProps>;
11
- export declare const menuArrow: ComponentFunction<MenuStyleProps>;
12
- export declare const menuTheme: Theme<MenuStyleProps>;
13
- //# sourceMappingURL=menu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/menu.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKpF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC;IACnC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAMvD,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAC+C,CAAC;AAE3G,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,cAAc,CAOpD,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,cAAc,CACjB,CAAC;AAE5C,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,cAAc,CACJ,CAAC;AAE1D,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAoD,CAAC;AAE7G,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAO3C,CAAC"}
@@ -1,12 +0,0 @@
1
- import { type ComponentFunction, type Elevation, type MessageValence, type Theme } from '@dxos/ui-types';
2
- export type MessageStyleProps = {
3
- valence?: MessageValence;
4
- elevation?: Elevation;
5
- };
6
- export declare const messageRoot: ComponentFunction<MessageStyleProps>;
7
- export declare const messageHeader: ComponentFunction<MessageStyleProps>;
8
- export declare const messageTitle: ComponentFunction<MessageStyleProps>;
9
- export declare const messageIcon: ComponentFunction<MessageStyleProps>;
10
- export declare const messageContent: ComponentFunction<MessageStyleProps>;
11
- export declare const messageTheme: Theme<MessageStyleProps>;
12
- //# sourceMappingURL=message.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/message.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIzG,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,iBAAiB,CAE9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAE7D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAE/D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAMjD,CAAC"}
@@ -1,11 +0,0 @@
1
- import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
2
- export type PopoverStyleProps = Partial<{
3
- constrainBlock: boolean;
4
- constrainInline: boolean;
5
- elevation: Elevation;
6
- }>;
7
- export declare const popoverContent: ComponentFunction<PopoverStyleProps>;
8
- export declare const popoverViewport: ComponentFunction<PopoverStyleProps>;
9
- export declare const popoverArrow: ComponentFunction<PopoverStyleProps>;
10
- export declare const popoverTheme: Theme<PopoverStyleProps>;
11
- //# sourceMappingURL=popover.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/popover.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,cAAc,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAO7D,CAAC;AAEJ,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAS9D,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAoD,CAAC;AAEnH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAIjD,CAAC"}
@@ -1,32 +0,0 @@
1
- import { type AllowedAxis, type ComponentFunction, type Theme } from '@dxos/ui-types';
2
- export declare const scrollbar: {
3
- thin: {
4
- size: number;
5
- padding: number;
6
- };
7
- coarse: {
8
- size: number;
9
- padding: number;
10
- };
11
- };
12
- export type ScrollAreaStyleProps = {
13
- orientation?: AllowedAxis;
14
- autoHide?: boolean;
15
- /** Balance left/right, top/bottom offset with scrollbar. */
16
- centered?: boolean;
17
- /** Add default padding. */
18
- /** TODO(burdon): Integrate with Column.Root padding. */
19
- padding?: boolean;
20
- /** Use thin scrollbars. */
21
- /** TODO(burdon): Density fine/course. */
22
- thin?: boolean;
23
- /** Enable snap scrolling. */
24
- snap?: boolean;
25
- };
26
- export declare const scrollAreaRoot: ComponentFunction<ScrollAreaStyleProps>;
27
- /**
28
- * NOTE: The browser reserves space for scrollbars.
29
- */
30
- export declare const scrollAreaViewport: ComponentFunction<ScrollAreaStyleProps>;
31
- export declare const scrollAreaTheme: Theme<ScrollAreaStyleProps>;
32
- //# sourceMappingURL=scroll-area.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/scroll-area.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAKtF,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,yCAAyC;IACzC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,oBAAoB,CAahE,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAwDtE,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAGvD,CAAC"}
@@ -1,13 +0,0 @@
1
- import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
2
- export type SelectStyleProps = Partial<{
3
- elevation: Elevation;
4
- }>;
5
- export declare const selectContent: ComponentFunction<SelectStyleProps>;
6
- export declare const selectViewport: ComponentFunction<SelectStyleProps>;
7
- export declare const selectItem: ComponentFunction<SelectStyleProps>;
8
- export declare const selectItemIndicator: ComponentFunction<SelectStyleProps>;
9
- export declare const selectArrow: ComponentFunction<SelectStyleProps>;
10
- export declare const selectSeparator: ComponentFunction<SelectStyleProps>;
11
- export declare const selectScrollButton: ComponentFunction<SelectStyleProps>;
12
- export declare const selectTheme: Theme<SelectStyleProps>;
13
- //# sourceMappingURL=select.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/select.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,gBAAgB,CAQ7D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,gBAAgB,CAAkC,CAAC;AAElG,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAOxD,CAAC;AAEJ,eAAO,MAAM,mBAAmB,EAAE,iBAAiB,CAAC,gBAAgB,CAAkD,CAAC;AAEvH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAAoD,CAAC;AAEjH,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,gBAAgB,CACL,CAAC;AAE5D,eAAO,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,gBAAgB,CACwB,CAAC;AAE5F,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAQ/C,CAAC"}
@@ -1,8 +0,0 @@
1
- import { type ComponentFunction, type Theme } from '@dxos/ui-types';
2
- export type SeparatorStyleProps = {
3
- orientation?: 'horizontal' | 'vertical';
4
- subdued?: boolean;
5
- };
6
- export declare const separatorRoot: ComponentFunction<SeparatorStyleProps>;
7
- export declare const separatorTheme: Theme<SeparatorStyleProps>;
8
- //# sourceMappingURL=separator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/separator.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,mBAAmB,GAAG;IAChC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,mBAAmB,CAM9D,CAAC;AAEJ,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,mBAAmB,CAErD,CAAC"}
@@ -1,7 +0,0 @@
1
- import type { ComponentFunction, Theme } from '@dxos/ui-types';
2
- export type SkeletonStyleProps = {
3
- variant?: 'default' | 'circle' | 'text';
4
- };
5
- export declare const skeletonRoot: ComponentFunction<SkeletonStyleProps>;
6
- export declare const skeletonTheme: Theme<SkeletonStyleProps>;
7
- //# sourceMappingURL=skeleton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/skeleton.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAM5D,CAAC;AAEJ,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAEnD,CAAC"}
@@ -1,4 +0,0 @@
1
- import { type Theme } from '@dxos/ui-types';
2
- export type SplitterStyleProps = {};
3
- export declare const splitterTheme: Theme<SplitterStyleProps>;
4
- //# sourceMappingURL=splitter.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/splitter.ts"],"names":[],"mappings":"AAIA,OAAO,EAA0B,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAQpC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAGnD,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { ComponentFunction, Theme } from '@dxos/ui-types';
2
- export type StatusStyleProps = {
3
- variant?: 'default' | 'main-bottom';
4
- indeterminate?: boolean;
5
- };
6
- export declare const statusRoot: ComponentFunction<StatusStyleProps>;
7
- export declare const statusBar: ComponentFunction<StatusStyleProps>;
8
- export declare const statusTheme: Theme<StatusStyleProps>;
9
- //# sourceMappingURL=status.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/status.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,gBAAgB,CAKxD,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,gBAAgB,CAMvD,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAG/C,CAAC"}
@@ -1,7 +0,0 @@
1
- import { type ChromaticPalette, type ComponentFunction, type MessageValence, type NeutralPalette, type Theme } from '@dxos/ui-types';
2
- export type TagStyleProps = {
3
- palette?: ChromaticPalette | NeutralPalette | MessageValence;
4
- };
5
- export declare const tagRoot: ComponentFunction<TagStyleProps>;
6
- export declare const tagTheme: Theme<TagStyleProps>;
7
- //# sourceMappingURL=tag.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/tag.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,KAAK,EACX,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,CAAC;CAC9D,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,iBAAiB,CAAC,aAAa,CAAuC,CAAC;AAE7F,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,aAAa,CAEzC,CAAC"}
@@ -1,12 +0,0 @@
1
- import { type ComponentFunction, type Theme } from '@dxos/ui-types';
2
- export type ToastStyleProps = Partial<{
3
- srOnly: boolean;
4
- }>;
5
- export declare const toastViewport: ComponentFunction<ToastStyleProps>;
6
- export declare const toastRoot: ComponentFunction<ToastStyleProps>;
7
- export declare const toastBody: ComponentFunction<ToastStyleProps>;
8
- export declare const toastActions: ComponentFunction<ToastStyleProps>;
9
- export declare const toastTitle: ComponentFunction<ToastStyleProps>;
10
- export declare const toastDescription: ComponentFunction<ToastStyleProps>;
11
- export declare const toastTheme: Theme<ToastStyleProps>;
12
- //# sourceMappingURL=toast.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/toast.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpE,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;IACpC,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,eAAe,CAM1D,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CAWtD,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,eAAe,CACG,CAAC;AAE7D,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,eAAe,CACD,CAAC;AAE5D,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CACD,CAAC;AAE1D,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,eAAe,CACC,CAAC;AAElE,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAO7C,CAAC"}
@@ -1,11 +0,0 @@
1
- import { type ComponentFunction, type Density, type Theme } from '@dxos/ui-types';
2
- export type ToolbarStyleProps = Partial<{
3
- density: Density;
4
- disabled: boolean;
5
- layoutManaged: boolean;
6
- }>;
7
- export declare const toolbarLayout = "w-full shrink-0 flex flex-nowrap p-1 gap-1 items-center overflow-x-auto scrollbar-none dx-contain-layout";
8
- export declare const toolbarRoot: ComponentFunction<ToolbarStyleProps>;
9
- export declare const toolbarText: ComponentFunction<ToolbarStyleProps>;
10
- export declare const toolbarTheme: Theme<ToolbarStyleProps>;
11
- //# sourceMappingURL=toolbar.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/toolbar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIlF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC,CAAC;AAEH,eAAO,MAAM,aAAa,6GACkF,CAAC;AAE7G,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAQ5D,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,iBAAiB,CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}
@@ -1,8 +0,0 @@
1
- import { type ComponentFunction, type Elevation, type Theme } from '@dxos/ui-types';
2
- export type TooltipStyleProps = Partial<{
3
- elevation: Elevation;
4
- }>;
5
- export declare const tooltipContent: ComponentFunction<TooltipStyleProps>;
6
- export declare const tooltipArrow: ComponentFunction<TooltipStyleProps>;
7
- export declare const tooltipTheme: Theme<TooltipStyleProps>;
8
- //# sourceMappingURL=tooltip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAIpF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC;CACtB,CAAC,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,iBAAiB,CAAC,iBAAiB,CAM7D,CAAC;AAEJ,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAC1B,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAGjD,CAAC"}
@@ -1,10 +0,0 @@
1
- import type { ComponentFunction, Theme } from '@dxos/ui-types';
2
- export type TreegridStyleProps = Partial<{
3
- level: number;
4
- indent: boolean;
5
- }>;
6
- export declare const treegridRoot: ComponentFunction<TreegridStyleProps>;
7
- export declare const treegridRow: ComponentFunction<TreegridStyleProps>;
8
- export declare const treegridCell: ComponentFunction<TreegridStyleProps>;
9
- export declare const treegridTheme: Theme<TreegridStyleProps>;
10
- //# sourceMappingURL=treegrid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"treegrid.d.ts","sourceRoot":"","sources":["../../../../../src/theme/components/treegrid.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAI/D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAaH,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAAqC,CAAC;AAErG,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,kBAAkB,CACY,CAAC;AAE3E,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,kBAAkB,CAC/B,CAAC;AAEjC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAInD,CAAC"}
@@ -1,4 +0,0 @@
1
- export * from './components';
2
- export * from './primitives';
3
- export * from './theme';
4
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
@@ -1,29 +0,0 @@
1
- import { type ComponentFunction } from '@dxos/ui-types';
2
- /**
3
- * Column-aware theme utilities.
4
- * Components apply these in their theme functions to participate in the Column grid
5
- * without importing Column React components.
6
- *
7
- * CSS custom property cascade:
8
- * - Column.Root sets `--dx-col: 2 / span 1` (center column placement).
9
- * - ScrollArea.Viewport resets `--dx-col: auto` after consuming `--gutter`.
10
- * - Components apply `grid-column: var(--dx-col, auto)` to auto-center in Column
11
- * or do nothing outside Column / inside ScrollArea.
12
- */
13
- export declare const withColumn: {
14
- /** Centers element in the Column grid via --dx-col. No-op outside Column or inside ScrollArea. */
15
- center: () => string;
16
- /** Propagates the Column grid to children via subgrid. No-op outside Column.
17
- * Direct children default to center column unless they are a dx-container (ScrollArea). */
18
- propagate: () => string;
19
- /** Resets --dx-col after consuming --gutter. Applied by ScrollArea.Viewport. */
20
- consumed: () => string;
21
- };
22
- export type ColumnStyleProps = {};
23
- export declare const columnTheme: {
24
- root: ComponentFunction<ColumnStyleProps>;
25
- row: ComponentFunction<ColumnStyleProps>;
26
- bleed: ComponentFunction<ColumnStyleProps>;
27
- center: ComponentFunction<ColumnStyleProps>;
28
- };
29
- //# sourceMappingURL=column.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/column.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU;IACrB,kGAAkG;;IAGlG;gGAC4F;;IAI5F,gFAAgF;;CAEjF,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAiClC,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC"}
@@ -1,3 +0,0 @@
1
- export * from './column';
2
- export * from './panel';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/theme/primitives/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
@@ -1,13 +0,0 @@
1
- import { type ComponentFunction } from '@dxos/ui-types';
2
- type Size = 'lg' | 'md' | 'sm';
3
- export type PanelStyleProps = {
4
- size?: Size;
5
- };
6
- export declare const panelTheme: {
7
- root: ComponentFunction<PanelStyleProps>;
8
- toolbar: ComponentFunction<PanelStyleProps>;
9
- content: ComponentFunction<PanelStyleProps>;
10
- statusbar: ComponentFunction<PanelStyleProps>;
11
- };
12
- export {};
13
- //# sourceMappingURL=panel.d.ts.map