@databricks/design-system 1.9.0 → 1.9.2

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 (150) hide show
  1. package/dist/Typography-04e40f87.js +1465 -0
  2. package/dist/Typography-04e40f87.js.map +1 -0
  3. package/dist/Typography-52abe0b7.js +1142 -0
  4. package/dist/Typography-52abe0b7.js.map +1 -0
  5. package/dist/Typography-74e19785.js +1472 -0
  6. package/dist/Typography-74e19785.js.map +1 -0
  7. package/dist/Typography-84a00e02.js +1465 -0
  8. package/dist/Typography-84a00e02.js.map +1 -0
  9. package/dist/design-system/AutoComplete/AutoComplete.d.ts.map +1 -1
  10. package/dist/design-system/Checkbox/Checkbox.d.ts +6 -2
  11. package/dist/design-system/Checkbox/Checkbox.d.ts.map +1 -1
  12. package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +3 -1
  13. package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts.map +1 -1
  14. package/dist/design-system/Drawer/Drawer.d.ts +7 -1
  15. package/dist/design-system/Drawer/Drawer.d.ts.map +1 -1
  16. package/dist/design-system/FormMessage/FormMessage.d.ts +1 -1
  17. package/dist/design-system/FormMessage/FormMessage.d.ts.map +1 -1
  18. package/dist/design-system/Hooks/useDesignSystemTheme.d.ts.map +1 -1
  19. package/dist/design-system/Icon/__generated/icons/BookmarkIcon.d.ts +4 -0
  20. package/dist/design-system/Icon/__generated/icons/BookmarkIcon.d.ts.map +1 -0
  21. package/dist/design-system/Icon/__generated/icons/BracketsCurlyIcon.v2.d.ts +4 -0
  22. package/dist/design-system/Icon/__generated/icons/BracketsCurlyIcon.v2.d.ts.map +1 -0
  23. package/dist/design-system/Icon/__generated/icons/BracketsSquareIcon.v2.d.ts +4 -0
  24. package/dist/design-system/Icon/__generated/icons/BracketsSquareIcon.v2.d.ts.map +1 -0
  25. package/dist/design-system/Icon/__generated/icons/BracketsXIcon.v2.d.ts +4 -0
  26. package/dist/design-system/Icon/__generated/icons/BracketsXIcon.v2.d.ts.map +1 -0
  27. package/dist/design-system/Icon/__generated/icons/CheckCircleIcon.d.ts +4 -0
  28. package/dist/design-system/Icon/__generated/icons/CheckCircleIcon.d.ts.map +1 -0
  29. package/dist/design-system/Icon/__generated/icons/CloudModelIcon.v2.d.ts +4 -0
  30. package/dist/design-system/Icon/__generated/icons/CloudModelIcon.v2.d.ts.map +1 -0
  31. package/dist/design-system/Icon/__generated/icons/CursorIcon.v2.d.ts +4 -0
  32. package/dist/design-system/Icon/__generated/icons/CursorIcon.v2.d.ts.map +1 -0
  33. package/dist/design-system/Icon/__generated/icons/DagIcon.v2.d.ts +4 -0
  34. package/dist/design-system/Icon/__generated/icons/DagIcon.v2.d.ts.map +1 -0
  35. package/dist/design-system/Icon/__generated/icons/DangerFillIcon.d.ts +4 -0
  36. package/dist/design-system/Icon/__generated/icons/DangerFillIcon.d.ts.map +1 -0
  37. package/dist/design-system/Icon/__generated/icons/DangerIcon.d.ts +4 -0
  38. package/dist/design-system/Icon/__generated/icons/DangerIcon.d.ts.map +1 -0
  39. package/dist/design-system/Icon/__generated/icons/DecimalIcon.v2.d.ts +4 -0
  40. package/dist/design-system/Icon/__generated/icons/DecimalIcon.v2.d.ts.map +1 -0
  41. package/dist/design-system/Icon/__generated/icons/DotsCircleIcon.v2.d.ts +4 -0
  42. package/dist/design-system/Icon/__generated/icons/DotsCircleIcon.v2.d.ts.map +1 -0
  43. package/dist/design-system/Icon/__generated/icons/FolderFillIcon.d.ts +4 -0
  44. package/dist/design-system/Icon/__generated/icons/FolderFillIcon.d.ts.map +1 -0
  45. package/dist/design-system/Icon/__generated/icons/FolderIcon.d.ts.map +1 -1
  46. package/dist/design-system/Icon/__generated/icons/GearFillIcon.d.ts +4 -0
  47. package/dist/design-system/Icon/__generated/icons/GearFillIcon.d.ts.map +1 -0
  48. package/dist/design-system/Icon/__generated/icons/GearIcon.d.ts.map +1 -1
  49. package/dist/design-system/Icon/__generated/icons/InfoIcon.d.ts +4 -0
  50. package/dist/design-system/Icon/__generated/icons/InfoIcon.d.ts.map +1 -0
  51. package/dist/design-system/Icon/__generated/icons/LettersIcon.v2.d.ts +4 -0
  52. package/dist/design-system/Icon/__generated/icons/LettersIcon.v2.d.ts.map +1 -0
  53. package/dist/design-system/Icon/__generated/icons/LinkOffIcon.d.ts +4 -0
  54. package/dist/design-system/Icon/__generated/icons/LinkOffIcon.d.ts.map +1 -0
  55. package/dist/design-system/Icon/__generated/icons/LockIcon.d.ts +4 -0
  56. package/dist/design-system/Icon/__generated/icons/LockIcon.d.ts.map +1 -0
  57. package/dist/design-system/Icon/__generated/icons/MinusCircleIcon.d.ts +4 -0
  58. package/dist/design-system/Icon/__generated/icons/MinusCircleIcon.d.ts.map +1 -0
  59. package/dist/design-system/Icon/__generated/icons/NotificationOffIcon.v2.d.ts +4 -0
  60. package/dist/design-system/Icon/__generated/icons/NotificationOffIcon.v2.d.ts.map +1 -0
  61. package/dist/design-system/Icon/__generated/icons/NumbersIcon.v2.d.ts +4 -0
  62. package/dist/design-system/Icon/__generated/icons/NumbersIcon.v2.d.ts.map +1 -0
  63. package/dist/design-system/Icon/__generated/icons/PinIcon.d.ts +4 -0
  64. package/dist/design-system/Icon/__generated/icons/PinIcon.d.ts.map +1 -0
  65. package/dist/design-system/Icon/__generated/icons/PlayCircleIcon.d.ts +4 -0
  66. package/dist/design-system/Icon/__generated/icons/PlayCircleIcon.d.ts.map +1 -0
  67. package/dist/design-system/Icon/__generated/icons/PlusCircleIcon.d.ts +4 -0
  68. package/dist/design-system/Icon/__generated/icons/PlusCircleIcon.d.ts.map +1 -0
  69. package/dist/design-system/Icon/__generated/icons/QuestionMarkIcon.d.ts +4 -0
  70. package/dist/design-system/Icon/__generated/icons/QuestionMarkIcon.d.ts.map +1 -0
  71. package/dist/design-system/Icon/__generated/icons/RedoIcon.d.ts +4 -0
  72. package/dist/design-system/Icon/__generated/icons/RedoIcon.d.ts.map +1 -0
  73. package/dist/design-system/Icon/__generated/icons/Refresh.v2.d.ts +4 -0
  74. package/dist/design-system/Icon/__generated/icons/Refresh.v2.d.ts.map +1 -0
  75. package/dist/design-system/Icon/__generated/icons/RefreshIcon.d.ts +4 -0
  76. package/dist/design-system/Icon/__generated/icons/RefreshIcon.d.ts.map +1 -0
  77. package/dist/design-system/Icon/__generated/icons/StarIcon.d.ts +4 -0
  78. package/dist/design-system/Icon/__generated/icons/StarIcon.d.ts.map +1 -0
  79. package/dist/design-system/Icon/__generated/icons/StopCircleFillIcon.d.ts +4 -0
  80. package/dist/design-system/Icon/__generated/icons/StopCircleFillIcon.d.ts.map +1 -0
  81. package/dist/design-system/Icon/__generated/icons/StopCircleIcon.d.ts +4 -0
  82. package/dist/design-system/Icon/__generated/icons/StopCircleIcon.d.ts.map +1 -0
  83. package/dist/design-system/Icon/__generated/icons/StorefrontIcon.v2.d.ts +4 -0
  84. package/dist/design-system/Icon/__generated/icons/StorefrontIcon.v2.d.ts.map +1 -0
  85. package/dist/design-system/Icon/__generated/icons/UndoIcon.d.ts +4 -0
  86. package/dist/design-system/Icon/__generated/icons/UndoIcon.d.ts.map +1 -0
  87. package/dist/design-system/Icon/__generated/icons/VisibleIcon.d.ts +4 -0
  88. package/dist/design-system/Icon/__generated/icons/VisibleIcon.d.ts.map +1 -0
  89. package/dist/design-system/Icon/__generated/icons/VisibleOffIcon.d.ts +4 -0
  90. package/dist/design-system/Icon/__generated/icons/VisibleOffIcon.d.ts.map +1 -0
  91. package/dist/design-system/Icon/__generated/icons/WarningIcon.d.ts +4 -0
  92. package/dist/design-system/Icon/__generated/icons/WarningIcon.d.ts.map +1 -0
  93. package/dist/design-system/Icon/__generated/icons/XCircleIcon.d.ts +4 -0
  94. package/dist/design-system/Icon/__generated/icons/XCircleIcon.d.ts.map +1 -0
  95. package/dist/design-system/Icon/__generated/icons/index.d.ts +71 -37
  96. package/dist/design-system/Icon/__generated/icons/index.d.ts.map +1 -1
  97. package/dist/design-system/Modal/Modal.d.ts.map +1 -1
  98. package/dist/design-system/NotificationV2/NotificationV2.d.ts +23 -0
  99. package/dist/design-system/NotificationV2/NotificationV2.d.ts.map +1 -0
  100. package/dist/design-system/NotificationV2/index.d.ts +2 -0
  101. package/dist/design-system/NotificationV2/index.d.ts.map +1 -0
  102. package/dist/design-system/Popover/Popover.d.ts +2 -1
  103. package/dist/design-system/Popover/Popover.d.ts.map +1 -1
  104. package/dist/design-system/Select/Select.d.ts.map +1 -1
  105. package/dist/design-system/Sidebar/Sidebar.d.ts +4 -2
  106. package/dist/design-system/Sidebar/Sidebar.d.ts.map +1 -1
  107. package/dist/design-system/Tag/index.d.ts.map +1 -1
  108. package/dist/design-system/ToggleButton/ToggleButton.d.ts +4 -0
  109. package/dist/design-system/ToggleButton/ToggleButton.d.ts.map +1 -0
  110. package/dist/design-system/Tooltip/Tooltip.d.ts.map +1 -1
  111. package/dist/design-system/index.d.ts +1 -0
  112. package/dist/design-system/index.d.ts.map +1 -1
  113. package/dist/development/Slider/Slider.d.ts +11 -0
  114. package/dist/development/Slider/Slider.d.ts.map +1 -0
  115. package/dist/development/Slider/index.d.ts +2 -0
  116. package/dist/development/Slider/index.d.ts.map +1 -0
  117. package/dist/development/TableUI/TableUI.test.d.ts +2 -0
  118. package/dist/development/TableUI/TableUI.test.d.ts.map +1 -0
  119. package/dist/development/TableUI/index.d.ts +56 -0
  120. package/dist/development/TableUI/index.d.ts.map +1 -0
  121. package/dist/development/index.d.ts +3 -0
  122. package/dist/development/index.d.ts.map +1 -0
  123. package/dist/development.js +414 -0
  124. package/dist/development.js.map +1 -0
  125. package/dist/flags.d.ts +2 -1
  126. package/dist/flags.d.ts.map +1 -1
  127. package/dist/index-dark.css +1 -0
  128. package/dist/index-mfe-dark.css +1 -0
  129. package/dist/index-mfe.css +1 -0
  130. package/dist/index.css +1 -0
  131. package/dist/index.js +1274 -2587
  132. package/dist/index.js.map +1 -1
  133. package/dist/rollup-less-tilde-importer.d.ts.map +1 -1
  134. package/dist/test-utils/enzyme/index.d.ts +8 -0
  135. package/dist/test-utils/enzyme/index.d.ts.map +1 -0
  136. package/dist/test-utils/enzyme.js.map +1 -1
  137. package/dist/test-utils/rtl/index.d.ts +7 -0
  138. package/dist/test-utils/rtl/index.d.ts.map +1 -0
  139. package/dist/test-utils/rtl.js.map +1 -1
  140. package/dist/theme/colorList.d.ts +2 -0
  141. package/dist/theme/colorList.d.ts.map +1 -1
  142. package/dist/theme/colors.d.ts +4 -3
  143. package/dist/theme/colors.d.ts.map +1 -1
  144. package/dist/theme/convertToLessVars.d.ts +3 -4
  145. package/dist/theme/convertToLessVars.d.ts.map +1 -1
  146. package/dist/theme/generalVariables.d.ts +4 -0
  147. package/dist/theme/generalVariables.d.ts.map +1 -1
  148. package/dist/theme/index.d.ts +7 -3
  149. package/dist/theme/index.d.ts.map +1 -1
  150. package/package.json +9 -5
@@ -42,6 +42,8 @@ export interface ContentProps {
42
42
  disableResize?: boolean;
43
43
  /** Whether or not to show a close button which can close the panel */
44
44
  closable?: boolean;
45
+ /** Whether to destroy inactive panels and their state when initializing the component or switching the active panel */
46
+ destroyInactivePanels?: boolean;
45
47
  /** The callback function when close button is clicked */
46
48
  onClose?: () => void;
47
49
  /** Contents displayed in the content */
@@ -83,8 +85,8 @@ export interface PanelBodyProps {
83
85
  }
84
86
  export declare function Nav({ children, dangerouslyAppendEmotionCSS }: NavProps): JSX.Element;
85
87
  export declare function NavButton({ active, disabled, icon, onClick, children, dangerouslyAppendEmotionCSS, }: NavButtonProps): JSX.Element;
86
- export declare function Content({ disableResize, openPanelId, closable, onClose, width, minWidth, maxWidth, children, dangerouslyAppendEmotionCSS, }: ContentProps): JSX.Element;
87
- export declare function Panel({ panelId, children, dangerouslyAppendEmotionCSS }: PanelProps): JSX.Element | null;
88
+ export declare function Content({ disableResize, openPanelId, closable, onClose, width, minWidth, maxWidth, destroyInactivePanels, children, dangerouslyAppendEmotionCSS, }: ContentProps): JSX.Element;
89
+ export declare function Panel({ panelId, children, dangerouslyAppendEmotionCSS, ...delegated }: PanelProps): JSX.Element | null;
88
90
  export declare function PanelHeader({ children, dangerouslyAppendEmotionCSS }: PanelHeaderProps): JSX.Element;
89
91
  export declare function PanelHeaderTitle({ title, dangerouslyAppendEmotionCSS }: PanelHeaderTitleProps): import("@emotion/react/jsx-runtime").JSX.Element;
90
92
  export declare function PanelHeaderButtons({ children, dangerouslyAppendEmotionCSS }: PanelHeaderButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/design-system/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/design-system/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKhF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,QAAS,SAAQ,kBAAkB,EAAE,cAAc,CAAC,eAAe,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE9C,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,mBAAmB,GAAG,SAAS,EAAE,aAAa,CAYpE,CAAC;AAiGF,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CA8BhD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/design-system/Tag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAKhF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,QAAS,SAAQ,kBAAkB,EAAE,cAAc,CAAC,eAAe,CAAC;IACnF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,CAAC;AAE9C,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,mBAAmB,GAAG,SAAS,EAAE,aAAa,CAYpE,CAAC;AAiGF,wBAAgB,GAAG,CAAC,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAkChD"}
@@ -0,0 +1,4 @@
1
+ import * as Toggle from '@radix-ui/react-toggle';
2
+ import React from 'react';
3
+ export declare const ToggleButton: React.ForwardRefExoticComponent<Toggle.ToggleProps & React.RefAttributes<HTMLButtonElement>>;
4
+ //# sourceMappingURL=ToggleButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ToggleButton.d.ts","sourceRoot":"","sources":["../../../src/design-system/ToggleButton/ToggleButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAgC,MAAM,OAAO,CAAC;AA8CrD,eAAO,MAAM,YAAY,8FAgBxB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/design-system/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACpD;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsC1C,CAAC"}
1
+ {"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/design-system/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAE7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,MAAM,WAAW,YAAa,SAAQ,kBAAkB;IACtD;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAC1C;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACpD;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4C1C,CAAC"}
@@ -21,6 +21,7 @@ export * from './Layout';
21
21
  export * from './Menu';
22
22
  export * from './Modal';
23
23
  export * from './Notification';
24
+ export * from './NotificationV2';
24
25
  export * from './PageWrapper';
25
26
  export * from './Pagination';
26
27
  export * from './Popover';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/design-system/index.ts"],"names":[],"mappings":"AAEA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import * as RadixSlider from '@radix-ui/react-slider';
3
+ export type SliderRootProps = Omit<RadixSlider.SliderProps, 'orientation'>;
4
+ export type SliderTrackProps = RadixSlider.SliderTrackProps;
5
+ export type SliderRangeProps = RadixSlider.SliderRangeProps;
6
+ export type SliderThumbProps = RadixSlider.SliderThumbProps;
7
+ export declare const Root: import("react").ForwardRefExoticComponent<SliderRootProps & import("react").RefAttributes<HTMLElement>>;
8
+ export declare const Track: import("react").ForwardRefExoticComponent<RadixSlider.SliderTrackProps & import("react").RefAttributes<HTMLElement>>;
9
+ export declare const Range: import("react").ForwardRefExoticComponent<RadixSlider.SliderRangeProps & import("react").RefAttributes<HTMLElement>>;
10
+ export declare const Thumb: import("react").ForwardRefExoticComponent<RadixSlider.SliderThumbProps & import("react").RefAttributes<HTMLElement>>;
11
+ //# sourceMappingURL=Slider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/development/Slider/Slider.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AAMtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;AAC5D,MAAM,MAAM,gBAAgB,GAAG,WAAW,CAAC,gBAAgB,CAAC;AAqB5D,eAAO,MAAM,IAAI,yGAEf,CAAC;AAmBH,eAAO,MAAM,KAAK,sHAIhB,CAAC;AAeH,eAAO,MAAM,KAAK,sHAIhB,CAAC;AA2BH,eAAO,MAAM,KAAK,sHAIhB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export * as Slider from './Slider';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/development/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=TableUI.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TableUI.test.d.ts","sourceRoot":"","sources":["../../../src/development/TableUI/TableUI.test.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,56 @@
1
+ import type { CSSProperties } from 'react';
2
+ import React from 'react';
3
+ interface TableProps {
4
+ size?: 'default' | 'small';
5
+ /** Are any rows currently selected? You must specify this if using `TableRowSelectCell` in your table. */
6
+ someRowsSelected?: boolean;
7
+ /** Style property */
8
+ style?: CSSProperties;
9
+ }
10
+ export declare const Table: React.FC<TableProps>;
11
+ interface TableRowProps {
12
+ isHeader?: boolean;
13
+ /** Vertical alignment of the row's cells. */
14
+ verticalAlignment?: 'top' | 'center';
15
+ }
16
+ export declare const TableRow: React.FC<TableRowProps>;
17
+ interface TableCellProps {
18
+ /** Enables single-line ellipsis truncation */
19
+ ellipsis?: boolean;
20
+ /** Style property */
21
+ style?: CSSProperties;
22
+ }
23
+ export declare const TableCell: React.FC<TableCellProps>;
24
+ interface TableHeaderProps {
25
+ /** Enables single-line ellipsis truncation */
26
+ ellipsis?: boolean;
27
+ /** Is this column sortable? */
28
+ sortable?: boolean;
29
+ /** The current sort direction for this column */
30
+ sortDirection?: 'asc' | 'desc' | 'none';
31
+ /** Callback for when the user requests to toggle `sortDirection` */
32
+ onToggleSort?: (event: unknown) => void;
33
+ /** Style property */
34
+ style?: CSSProperties;
35
+ }
36
+ export declare const TableHeader: React.FC<TableHeaderProps>;
37
+ interface TableHeaderResizeHandleProps {
38
+ /** Style property */
39
+ style?: CSSProperties;
40
+ /** Pass a handler to be called on touchStart */
41
+ resizeHandler?: (event: unknown) => void;
42
+ }
43
+ export declare const TableHeaderResizeHandle: React.FC<TableHeaderResizeHandleProps>;
44
+ type TableRowSelectCellProps = {
45
+ /** Called when the checkbox is clicked */
46
+ onChange?: (event: unknown) => void;
47
+ /** Whether the checkbox is checked */
48
+ checked?: boolean;
49
+ /** Whether the row is indeterminate. Should only be used in header rows. */
50
+ indeterminate?: boolean;
51
+ /** Don't render a checkbox; used for providing spacing in header if you don't want "Select All" functionality */
52
+ noCheckbox?: boolean;
53
+ };
54
+ export declare const TableRowSelectCell: React.FC<TableRowSelectCellProps>;
55
+ export {};
56
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/development/TableUI/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAoC,MAAM,OAAO,CAAC;AAkHzD,UAAU,UAAU;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,0GAA0G;IAC1G,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAoBtC,CAAC;AAQF,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAc5C,CAAC;AAEF,UAAU,cAAc;IACtB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoB9C,CAAC;AAEF,UAAU,gBAAgB;IACxB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IACxC,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+ElD,CAAC;AAEF,UAAU,4BAA4B;IACpC,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAY1E,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iHAAiH;IACjH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA4ChE,CAAC"}
@@ -0,0 +1,3 @@
1
+ export * from './TableUI';
2
+ export * from './Slider';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/development/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC"}
@@ -0,0 +1,414 @@
1
+ import { css } from '@emotion/react';
2
+ import { useContext, createContext, forwardRef } from 'react';
3
+ import { jsx, Fragment, jsxs } from '@emotion/react/jsx-runtime';
4
+ import { u as useDesignSystemTheme, T as Typography, S as SortAscendingIcon, n as SortDescendingIcon, o as SortUnsortedIcon, C as Checkbox } from './Typography-74e19785.js';
5
+ import * as RadixSlider from '@radix-ui/react-slider';
6
+ import 'antd';
7
+ import 'classnames';
8
+ import 'chroma-js';
9
+ import '@ant-design/icons';
10
+ import 'lodash/isNil';
11
+ import 'lodash/endsWith';
12
+ import 'lodash/isBoolean';
13
+ import 'lodash/isNumber';
14
+ import 'lodash/isString';
15
+ import 'lodash/mapValues';
16
+ import '@emotion/unitless';
17
+
18
+ function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
19
+ // For performance, these styles are defined outside of the component so they are not redefined on every render.
20
+ // We're also using CSS Variables rather than any dynamic styles so that the style object remains static.
21
+ const tableStyles = {
22
+ row: process.env.NODE_ENV === "production" ? {
23
+ name: "ky51lg",
24
+ styles: "display:flex;border-bottom:1px solid;border-color:var(--table-separator-color);.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:var(--row-checkbox-opacity, 0);}&:hover{[role=\"cell\"]{background-color:var(--table-row-hover);}.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:1;}}.table-row-select-cell input[type=\"checkbox\"]:focus ~ *{opacity:1;}"
25
+ } : {
26
+ name: "1d4iyc6-row",
27
+ styles: "display:flex;border-bottom:1px solid;border-color:var(--table-separator-color);.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:var(--row-checkbox-opacity, 0);}&:hover{[role=\"cell\"]{background-color:var(--table-row-hover);}.table-row-select-cell input[type=\"checkbox\"] ~ *{opacity:1;}}.table-row-select-cell input[type=\"checkbox\"]:focus ~ *{opacity:1;};label:row;",
28
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
29
+ },
30
+ cell: process.env.NODE_ENV === "production" ? {
31
+ name: "f9sm18",
32
+ styles: "display:inline-grid;position:relative;align-items:var(--table-row-vertical-alignment, flex-start);flex:1;line-height:initial;padding:6px 8px;box-sizing:border-box;&[role=\"columnheader\"]{padding:8px;}"
33
+ } : {
34
+ name: "10m9yho-cell",
35
+ styles: "display:inline-grid;position:relative;align-items:var(--table-row-vertical-alignment, flex-start);flex:1;line-height:initial;padding:6px 8px;box-sizing:border-box;&[role=\"columnheader\"]{padding:8px;};label:cell;",
36
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
37
+ },
38
+ cellSmall: process.env.NODE_ENV === "production" ? {
39
+ name: "t4u7cz",
40
+ styles: "padding:4px 8px;&[role=\"columnheader\"]{padding:4px 8px;}"
41
+ } : {
42
+ name: "1cnl65h-cellSmall",
43
+ styles: "padding:4px 8px;&[role=\"columnheader\"]{padding:4px 8px;};label:cellSmall;",
44
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
45
+ },
46
+ header: process.env.NODE_ENV === "production" ? {
47
+ name: "1kkin30",
48
+ styles: "font-weight:bold;align-items:flex-end;display:flex;overflow:hidden;&[aria-sort]{cursor:pointer;user-select:none;}[role=\"img\"]{margin-left:4px;}"
49
+ } : {
50
+ name: "a29sg0-header",
51
+ styles: "font-weight:bold;align-items:flex-end;display:flex;overflow:hidden;&[aria-sort]{cursor:pointer;user-select:none;}[role=\"img\"]{margin-left:4px;};label:header;",
52
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
53
+ },
54
+ headerButtonTarget: process.env.NODE_ENV === "production" ? {
55
+ name: "16jw3zf",
56
+ styles: "align-items:flex-end;display:flex;overflow:hidden;width:100%"
57
+ } : {
58
+ name: "1xje8dv-headerButtonTarget",
59
+ styles: "align-items:flex-end;display:flex;overflow:hidden;width:100%;label:headerButtonTarget;",
60
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
61
+ },
62
+ checkboxCell: process.env.NODE_ENV === "production" ? {
63
+ name: "yjqp7o",
64
+ styles: "padding:0 0 0 8px;display:flex;align-items:center;flex:0"
65
+ } : {
66
+ name: "177274n-checkboxCell",
67
+ styles: "padding:0 0 0 8px;display:flex;align-items:center;flex:0;label:checkboxCell;",
68
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
69
+ },
70
+ resizeHandleContainer: /*#__PURE__*/css({
71
+ position: 'absolute',
72
+ right: -3,
73
+ top: 8,
74
+ bottom: 8,
75
+ width: 8,
76
+ display: 'flex',
77
+ justifyContent: 'center',
78
+ cursor: 'col-resize',
79
+ userSelect: 'none',
80
+ touchAction: 'none',
81
+ zIndex: 1
82
+ }, process.env.NODE_ENV === "production" ? "" : ";label:resizeHandleContainer;"),
83
+ resizeHandle: process.env.NODE_ENV === "production" ? {
84
+ name: "gpjshw",
85
+ styles: "width:1px;background:var(--table-separator-color)"
86
+ } : {
87
+ name: "1n6mwr7-resizeHandle",
88
+ styles: "width:1px;background:var(--table-separator-color);label:resizeHandle;",
89
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__$1
90
+ }
91
+ };
92
+ const TableContext = /*#__PURE__*/createContext({
93
+ size: 'default'
94
+ });
95
+ const Table = _ref => {
96
+ let {
97
+ children,
98
+ size = 'default',
99
+ someRowsSelected,
100
+ style
101
+ } = _ref;
102
+ const {
103
+ theme
104
+ } = useDesignSystemTheme();
105
+ return jsx(TableContext.Provider, {
106
+ value: {
107
+ size,
108
+ someRowsSelected
109
+ },
110
+ children: jsx("div", {
111
+ role: "table"
112
+ // This is a performance optimization; we want to statically create the styles for the table,
113
+ // but for the dynamic theme values, we need to use CSS variables.
114
+ // See: https://emotion.sh/docs/best-practices#advanced-css-variables-with-style
115
+ ,
116
+ style: {
117
+ ...style,
118
+ ['--table-separator-color']: theme.colors.tableSeparatorColor,
119
+ ['--table-row-hover']: theme.colors.tableRowHover
120
+ },
121
+ children: children
122
+ })
123
+ });
124
+ };
125
+ const TableRowContext = /*#__PURE__*/createContext({
126
+ isHeader: false
127
+ });
128
+ const TableRow = _ref2 => {
129
+ let {
130
+ children,
131
+ isHeader = false,
132
+ verticalAlignment = 'top'
133
+ } = _ref2;
134
+ return jsx(TableRowContext.Provider, {
135
+ value: {
136
+ isHeader
137
+ },
138
+ children: jsx("div", {
139
+ css: tableStyles.row,
140
+ role: "row",
141
+ style: {
142
+ ['--table-row-vertical-alignment']: verticalAlignment === 'top' ? 'flex-start' : 'center'
143
+ },
144
+ children: children
145
+ })
146
+ });
147
+ };
148
+ const TableCell = _ref3 => {
149
+ let {
150
+ children,
151
+ ellipsis = false,
152
+ style
153
+ } = _ref3;
154
+ const {
155
+ size
156
+ } = useContext(TableContext);
157
+ let typographySize = 'md';
158
+ if (size === 'small') {
159
+ typographySize = 'sm';
160
+ }
161
+ return jsx("div", {
162
+ css: [tableStyles.cell, size === 'small' && tableStyles.cellSmall, process.env.NODE_ENV === "production" ? "" : ";label:TableCell;"],
163
+ role: "cell",
164
+ style: style,
165
+ children: jsx(Typography.Text, {
166
+ ellipsis: ellipsis,
167
+ size: typographySize,
168
+ title: ellipsis && typeof children === 'string' && children || undefined,
169
+ children: children
170
+ })
171
+ });
172
+ };
173
+ const TableHeader = _ref4 => {
174
+ let {
175
+ children,
176
+ ellipsis = false,
177
+ sortable,
178
+ sortDirection,
179
+ onToggleSort,
180
+ style
181
+ } = _ref4;
182
+ const {
183
+ theme
184
+ } = useDesignSystemTheme();
185
+ const {
186
+ size
187
+ } = useContext(TableContext);
188
+ const {
189
+ isHeader
190
+ } = useContext(TableRowContext);
191
+ if (!isHeader) {
192
+ throw new Error('`TableHeader` must be used within a `TableRow` with `isHeader` set to true.');
193
+ }
194
+ let sortIcon = jsx(Fragment, {});
195
+ // While most libaries use `asc` and `desc` for the sort value, the ARIA spec
196
+ // uses `ascending` and `descending`.
197
+ let ariaSort;
198
+ if (sortable) {
199
+ if (sortDirection === 'asc') {
200
+ sortIcon = jsx(SortAscendingIcon, {});
201
+ ariaSort = 'ascending';
202
+ } else if (sortDirection === 'desc') {
203
+ sortIcon = jsx(SortDescendingIcon, {});
204
+ ariaSort = 'descending';
205
+ } else if (sortDirection === 'none') {
206
+ sortIcon = jsx(SortUnsortedIcon, {});
207
+ ariaSort = 'none';
208
+ }
209
+ }
210
+ let typographySize = 'md';
211
+ if (size === 'small') {
212
+ typographySize = 'sm';
213
+ }
214
+ const textContents = jsx(Typography.Text, {
215
+ // If sortable, we must use ellipsis to prevent wrapping and misalignment.
216
+ ellipsis: ellipsis || sortable,
217
+ size: typographySize,
218
+ title: ellipsis && typeof children === 'string' && children || undefined,
219
+ children: children
220
+ });
221
+ return jsx("div", {
222
+ css: [tableStyles.cell, tableStyles.header, size === 'small' && tableStyles.cellSmall, process.env.NODE_ENV === "production" ? "" : ";label:TableHeader;"],
223
+ role: "columnheader",
224
+ "aria-sort": sortable && ariaSort || undefined,
225
+ style: style,
226
+ children: sortable ? jsxs("div", {
227
+ css: [tableStyles.headerButtonTarget, process.env.NODE_ENV === "production" ? "" : ";label:TableHeader;"],
228
+ role: "button",
229
+ tabIndex: 0,
230
+ onClick: onToggleSort,
231
+ onKeyDown: event => {
232
+ if (sortable && (event.key === 'Enter' || event.key === ' ')) {
233
+ event.preventDefault();
234
+ return onToggleSort === null || onToggleSort === void 0 ? void 0 : onToggleSort(event);
235
+ }
236
+ },
237
+ children: [textContents, jsx("span", {
238
+ style: {
239
+ color: theme.colors.textSecondary
240
+ },
241
+ children: sortIcon
242
+ })]
243
+ }) : textContents
244
+ });
245
+ };
246
+ const TableHeaderResizeHandle = _ref5 => {
247
+ let {
248
+ style,
249
+ resizeHandler
250
+ } = _ref5;
251
+ const {
252
+ isHeader
253
+ } = useContext(TableRowContext);
254
+ if (!isHeader) {
255
+ throw new Error('`TableHeaderResizeHandle` must be used within a `TableRow` with `isHeader` set to true.');
256
+ }
257
+ return jsx("div", {
258
+ onMouseDown: resizeHandler,
259
+ onTouchStart: resizeHandler,
260
+ css: tableStyles.resizeHandleContainer,
261
+ style: style,
262
+ children: jsx("div", {
263
+ css: tableStyles.resizeHandle
264
+ })
265
+ });
266
+ };
267
+ const TableRowSelectCell = _ref6 => {
268
+ let {
269
+ onChange,
270
+ checked,
271
+ indeterminate,
272
+ noCheckbox
273
+ } = _ref6;
274
+ const {
275
+ isHeader
276
+ } = useContext(TableRowContext);
277
+ const {
278
+ someRowsSelected
279
+ } = useContext(TableContext);
280
+ if (typeof someRowsSelected === 'undefined') {
281
+ throw new Error('`TableRowSelectCell` cannot be used unless `someRowsSelected` has been provided to the `Table` component, see documentation.');
282
+ }
283
+ if (!isHeader && indeterminate) {
284
+ throw new Error('`TableRowSelectCell` cannot be used with `indeterminate` in a non-header row.');
285
+ }
286
+ return jsx("div", {
287
+ css: tableStyles.checkboxCell,
288
+ style: {
289
+ paddingLeft: 8,
290
+ paddingTop: 0,
291
+ paddingBottom: 0,
292
+ flex: 0,
293
+ minWidth: 16,
294
+ maxWidth: 16,
295
+ ['--row-checkbox-opacity']: someRowsSelected ? 1 : 0
296
+ },
297
+ role: isHeader ? 'columnheader' : 'cell'
298
+ // TODO: Ideally we shouldn't need to specify this `className`, but it allows for row-hovering to reveal
299
+ // the checkbox in `TableRow`'s CSS without extra JS pointerin/out events.
300
+ ,
301
+ className: "table-row-select-cell",
302
+ children: !noCheckbox && jsx(Checkbox, {
303
+ isChecked: checked || indeterminate && null,
304
+ onChange: (_checked, event) => onChange === null || onChange === void 0 ? void 0 : onChange(event.nativeEvent)
305
+ })
306
+ });
307
+ };
308
+
309
+ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
310
+ var _ref = process.env.NODE_ENV === "production" ? {
311
+ name: "1tciq3q",
312
+ styles: "position:relative;display:flex;align-items:center;&[data-orientation=\"vertical\"]{flex-direction:column;width:20px;height:100px;}&[data-orientation=\"horizontal\"]{height:20px;width:200px;}"
313
+ } : {
314
+ name: "18im58f-getRootStyles",
315
+ styles: "position:relative;display:flex;align-items:center;&[data-orientation=\"vertical\"]{flex-direction:column;width:20px;height:100px;}&[data-orientation=\"horizontal\"]{height:20px;width:200px;};label:getRootStyles;",
316
+ toString: _EMOTION_STRINGIFIED_CSS_ERROR__
317
+ };
318
+ const getRootStyles = () => {
319
+ return _ref;
320
+ };
321
+ const Root = /*#__PURE__*/forwardRef((props, ref) => {
322
+ return jsx(RadixSlider.Root, {
323
+ css: getRootStyles(),
324
+ ...props,
325
+ ref: ref
326
+ });
327
+ });
328
+ const getTrackStyles = theme => {
329
+ return /*#__PURE__*/css({
330
+ backgroundColor: theme.colors.grey100,
331
+ position: 'relative',
332
+ flexGrow: 1,
333
+ borderRadius: 9999,
334
+ '&[data-orientation="vertical"]': {
335
+ width: 3
336
+ },
337
+ '&[data-orientation="horizontal"]': {
338
+ height: 3
339
+ }
340
+ }, process.env.NODE_ENV === "production" ? "" : ";label:getTrackStyles;");
341
+ };
342
+ const Track = /*#__PURE__*/forwardRef((props, ref) => {
343
+ const {
344
+ theme
345
+ } = useDesignSystemTheme();
346
+ return jsx(RadixSlider.Track, {
347
+ css: getTrackStyles(theme),
348
+ ...props,
349
+ ref: ref
350
+ });
351
+ });
352
+ const getRangeStyles = theme => {
353
+ return /*#__PURE__*/css({
354
+ backgroundColor: theme.colors.primary,
355
+ position: 'absolute',
356
+ borderRadius: 9999,
357
+ height: '100%',
358
+ '&[data-disabled]': {
359
+ backgroundColor: theme.colors.grey100
360
+ }
361
+ }, process.env.NODE_ENV === "production" ? "" : ";label:getRangeStyles;");
362
+ };
363
+ const Range = /*#__PURE__*/forwardRef((props, ref) => {
364
+ const {
365
+ theme
366
+ } = useDesignSystemTheme();
367
+ return jsx(RadixSlider.Range, {
368
+ css: getRangeStyles(theme),
369
+ ...props,
370
+ ref: ref
371
+ });
372
+ });
373
+ const getThumbStyles = theme => {
374
+ return /*#__PURE__*/css({
375
+ display: 'block',
376
+ width: 20,
377
+ height: 20,
378
+ backgroundColor: theme.colors.actionPrimaryBackgroundDefault,
379
+ boxShadow: "0 2px 4px 0 ".concat(theme.colors.grey400),
380
+ borderRadius: 10,
381
+ outline: 'none',
382
+ '&:hover': {
383
+ backgroundColor: theme.colors.actionPrimaryBackgroundHover
384
+ },
385
+ '&:focus': {
386
+ backgroundColor: theme.colors.actionPrimaryBackgroundPress
387
+ },
388
+ '&[data-disabled]': {
389
+ backgroundColor: theme.colors.grey200,
390
+ boxShadow: 'none'
391
+ }
392
+ }, process.env.NODE_ENV === "production" ? "" : ";label:getThumbStyles;");
393
+ };
394
+ const Thumb = /*#__PURE__*/forwardRef((props, ref) => {
395
+ const {
396
+ theme
397
+ } = useDesignSystemTheme();
398
+ return jsx(RadixSlider.Thumb, {
399
+ css: getThumbStyles(theme),
400
+ ...props,
401
+ ref: ref
402
+ });
403
+ });
404
+
405
+ var Slider = /*#__PURE__*/Object.freeze({
406
+ __proto__: null,
407
+ Root: Root,
408
+ Track: Track,
409
+ Range: Range,
410
+ Thumb: Thumb
411
+ });
412
+
413
+ export { Slider, Table, TableCell, TableHeader, TableHeaderResizeHandle, TableRow, TableRowSelectCell };
414
+ //# sourceMappingURL=development.js.map