@algolia/satellite 1.0.0-beta.119 → 1.0.0-beta.123

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 (179) hide show
  1. package/README.md +2 -2
  2. package/cjs/AutoComplete/AutoComplete.d.ts +6 -2
  3. package/cjs/AutoComplete/AutoComplete.js +10 -5
  4. package/cjs/AutoComplete/types.d.ts +5 -0
  5. package/cjs/AutoComplete/utils.js +1 -1
  6. package/cjs/Avatars/ApplicationAvatar.d.ts +1 -1
  7. package/cjs/Avatars/utils.js +1 -1
  8. package/cjs/Button/styles.d.ts +1 -1
  9. package/cjs/Button/styles.js +1 -1
  10. package/cjs/Card/components/CardHeader.d.ts +2 -2
  11. package/cjs/Checkbox/Checkbox.d.ts +1 -1
  12. package/cjs/Checkbox/Checkbox.js +1 -0
  13. package/cjs/ClickAwayContainer/ClickAwayContainer.js +1 -1
  14. package/cjs/DatePicker/DatePicker/datePickerReducer.js +1 -1
  15. package/cjs/DatePicker/DatePicker.tailwind.js +7 -2
  16. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +1 -1
  17. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +1 -1
  18. package/cjs/DatePicker/utils.d.ts +1 -1
  19. package/cjs/Dropdown/DropdownButton.d.ts +1 -1
  20. package/cjs/Dropdown/DropdownContext.js +1 -1
  21. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  22. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +2 -2
  23. package/cjs/Dropdown/useDropdownItemProps.js +1 -1
  24. package/cjs/Field/useFieldState.js +1 -1
  25. package/cjs/Link/Link.d.ts +2 -2
  26. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -1
  27. package/cjs/Pagination/DotPagination/DotPagination.d.ts +2 -1
  28. package/cjs/Pagination/DotPagination/DotPagination.js +4 -2
  29. package/cjs/Pagination/Pagination/Pagination.js +3 -0
  30. package/cjs/ProgressSpinner/ProgressSpinner.js +1 -1
  31. package/cjs/RadioGroup/RadioButton.d.ts +1 -1
  32. package/cjs/RadioGroup/RadioGroup.js +1 -1
  33. package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
  34. package/cjs/Satellite/SatelliteContext.js +1 -1
  35. package/cjs/Sidebar/SidebarContext.js +1 -1
  36. package/cjs/Switch/utils.js +1 -1
  37. package/cjs/Tables/DataTable/DataTable.d.ts +41 -0
  38. package/cjs/Tables/DataTable/DataTable.js +280 -0
  39. package/cjs/Tables/DataTable/DataTable.tailwind.d.ts +5 -0
  40. package/cjs/Tables/DataTable/DataTable.tailwind.js +23 -0
  41. package/cjs/Tables/DataTable/components/Body.d.ts +14 -0
  42. package/cjs/Tables/DataTable/components/Body.js +125 -0
  43. package/cjs/Tables/DataTable/components/Footer.d.ts +8 -0
  44. package/cjs/Tables/DataTable/components/Footer.js +81 -0
  45. package/cjs/Tables/DataTable/components/Header.d.ts +10 -0
  46. package/cjs/Tables/DataTable/components/Header.js +44 -0
  47. package/cjs/Tables/DataTable/components/HeaderCell.d.ts +11 -0
  48. package/cjs/Tables/DataTable/components/HeaderCell.js +61 -0
  49. package/cjs/Tables/DataTable/components/Loader.d.ts +6 -0
  50. package/cjs/Tables/DataTable/components/Loader.js +63 -0
  51. package/cjs/Tables/DataTable/components/index.d.ts +5 -0
  52. package/cjs/Tables/DataTable/components/index.js +70 -0
  53. package/cjs/Tables/DataTable/index.d.ts +3 -0
  54. package/cjs/Tables/DataTable/index.js +46 -0
  55. package/cjs/Tables/DataTable/types.d.ts +49 -0
  56. package/cjs/Tables/DataTable/types.js +5 -0
  57. package/cjs/Tables/DataTable/utils.d.ts +4 -0
  58. package/cjs/Tables/DataTable/utils.js +32 -0
  59. package/cjs/{Table → Tables/Table}/Table.d.ts +1 -1
  60. package/cjs/{Table → Tables/Table}/Table.js +8 -6
  61. package/cjs/Tables/Table/Table.tailwind.d.ts +5 -0
  62. package/cjs/{Table → Tables/Table}/Table.tailwind.js +6 -20
  63. package/cjs/Tables/Table/components/Footer.d.ts +8 -0
  64. package/cjs/Tables/Table/components/Footer.js +35 -0
  65. package/cjs/Tables/Table/index.d.ts +2 -0
  66. package/cjs/{Table → Tables/Table}/index.js +7 -5
  67. package/cjs/Tables/index.d.ts +3 -0
  68. package/cjs/Tables/index.js +46 -0
  69. package/cjs/Tabs/LinkTabs.js +1 -1
  70. package/cjs/Tag/Tag.d.ts +1 -1
  71. package/cjs/Toggle/Toggle.d.ts +1 -1
  72. package/cjs/Tooltip/OverflowTooltipWrapper.js +1 -1
  73. package/cjs/Tooltip/Tooltip.d.ts +1 -1
  74. package/cjs/index.d.ts +1 -1
  75. package/cjs/index.js +12 -12
  76. package/cjs/styles/brandColors.d.ts +6 -6
  77. package/cjs/styles/colors.d.ts +9 -9
  78. package/cjs/styles/helpers/icons.d.ts +12 -0
  79. package/cjs/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  80. package/cjs/styles/tailwind.config.d.ts +24 -33
  81. package/cjs/styles/tailwind.config.js +1 -1
  82. package/cjs/styles/zIndexes.d.ts +7 -7
  83. package/cjs/utils/genericChangeHandler.js +1 -1
  84. package/cjs/utils/hashCode.js +1 -1
  85. package/cjs/utils/index.d.ts +1 -0
  86. package/cjs/utils/index.js +15 -7
  87. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  88. package/cjs/utils/isNil.js +1 -1
  89. package/cjs/utils/matchLocation.d.ts +1 -1
  90. package/cjs/utils/parseUrl.js +1 -1
  91. package/cjs/utils/pluralize.js +1 -1
  92. package/cjs/utils/range.js +1 -1
  93. package/cjs/utils/toSentenceCase.d.ts +3 -0
  94. package/cjs/utils/toSentenceCase.js +21 -0
  95. package/cjs/utils/uniqBy.js +1 -1
  96. package/cjs/utils/uniqueId.js +1 -1
  97. package/cjs/utils/useLinkProps.d.ts +1 -1
  98. package/cjs/utils/useLinkProps.js +1 -1
  99. package/cjs/utils/useTriggerInputChange.d.ts +2 -1
  100. package/esm/AutoComplete/AutoComplete.d.ts +6 -2
  101. package/esm/AutoComplete/AutoComplete.js +10 -5
  102. package/esm/AutoComplete/types.d.ts +5 -0
  103. package/esm/Avatars/ApplicationAvatar.d.ts +1 -1
  104. package/esm/Button/styles.d.ts +1 -1
  105. package/esm/Card/components/CardHeader.d.ts +2 -2
  106. package/esm/Checkbox/Checkbox.d.ts +1 -1
  107. package/esm/Checkbox/Checkbox.js +1 -0
  108. package/esm/DatePicker/DatePicker.tailwind.js +7 -2
  109. package/esm/DatePicker/utils.d.ts +1 -1
  110. package/esm/Dropdown/DropdownButton.d.ts +1 -1
  111. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  112. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +1 -1
  113. package/esm/Link/Link.d.ts +2 -2
  114. package/esm/Pagination/DotPagination/DotPagination.d.ts +2 -1
  115. package/esm/Pagination/DotPagination/DotPagination.js +4 -2
  116. package/esm/Pagination/Pagination/Pagination.js +3 -0
  117. package/esm/ProgressSpinner/ProgressSpinner.js +1 -1
  118. package/esm/RadioGroup/RadioButton.d.ts +1 -1
  119. package/esm/RangeSlider/RangeSlider.d.ts +1 -1
  120. package/esm/Tables/DataTable/DataTable.d.ts +41 -0
  121. package/esm/Tables/DataTable/DataTable.js +248 -0
  122. package/esm/Tables/DataTable/DataTable.tailwind.d.ts +5 -0
  123. package/esm/Tables/DataTable/DataTable.tailwind.js +21 -0
  124. package/esm/Tables/DataTable/components/Body.d.ts +14 -0
  125. package/esm/Tables/DataTable/components/Body.js +106 -0
  126. package/esm/Tables/DataTable/components/Footer.d.ts +8 -0
  127. package/esm/Tables/DataTable/components/Footer.js +60 -0
  128. package/esm/Tables/DataTable/components/Header.d.ts +10 -0
  129. package/esm/Tables/DataTable/components/Header.js +29 -0
  130. package/esm/Tables/DataTable/components/HeaderCell.d.ts +11 -0
  131. package/esm/Tables/DataTable/components/HeaderCell.js +42 -0
  132. package/esm/Tables/DataTable/components/Loader.d.ts +6 -0
  133. package/esm/Tables/DataTable/components/Loader.js +40 -0
  134. package/esm/Tables/DataTable/components/index.d.ts +5 -0
  135. package/esm/Tables/DataTable/components/index.js +5 -0
  136. package/esm/Tables/DataTable/index.d.ts +3 -0
  137. package/esm/Tables/DataTable/index.js +3 -0
  138. package/esm/Tables/DataTable/types.d.ts +49 -0
  139. package/esm/Tables/DataTable/types.js +1 -0
  140. package/esm/Tables/DataTable/utils.d.ts +4 -0
  141. package/esm/Tables/DataTable/utils.js +14 -0
  142. package/esm/{Table → Tables/Table}/Table.d.ts +1 -1
  143. package/esm/{Table → Tables/Table}/Table.js +7 -6
  144. package/esm/Tables/Table/Table.tailwind.d.ts +5 -0
  145. package/esm/{Table → Tables/Table}/Table.tailwind.js +6 -20
  146. package/esm/Tables/Table/components/Footer.d.ts +8 -0
  147. package/esm/Tables/Table/components/Footer.js +20 -0
  148. package/esm/Tables/Table/index.d.ts +2 -0
  149. package/esm/Tables/Table/index.js +2 -0
  150. package/esm/Tables/index.d.ts +3 -0
  151. package/esm/Tables/index.js +3 -0
  152. package/esm/Tag/Tag.d.ts +1 -1
  153. package/esm/Toggle/Toggle.d.ts +1 -1
  154. package/esm/Tooltip/Tooltip.d.ts +1 -1
  155. package/esm/index.d.ts +1 -1
  156. package/esm/index.js +1 -1
  157. package/esm/styles/brandColors.d.ts +6 -6
  158. package/esm/styles/colors.d.ts +9 -9
  159. package/esm/styles/helpers/icons.d.ts +12 -0
  160. package/esm/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  161. package/esm/styles/tailwind.config.d.ts +24 -33
  162. package/esm/styles/tailwind.config.js +1 -1
  163. package/esm/styles/zIndexes.d.ts +7 -7
  164. package/esm/utils/index.d.ts +1 -0
  165. package/esm/utils/index.js +2 -1
  166. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  167. package/esm/utils/matchLocation.d.ts +1 -1
  168. package/esm/utils/toSentenceCase.d.ts +3 -0
  169. package/esm/utils/toSentenceCase.js +9 -0
  170. package/esm/utils/useLinkProps.d.ts +1 -1
  171. package/esm/utils/useTriggerInputChange.d.ts +2 -1
  172. package/package.json +4 -4
  173. package/satellite.css +445 -175
  174. package/satellite.min.css +2 -2
  175. package/cjs/Table/Table.tailwind.d.ts +0 -5
  176. package/cjs/Table/index.d.ts +0 -3
  177. package/esm/Table/Table.tailwind.d.ts +0 -5
  178. package/esm/Table/index.d.ts +0 -3
  179. package/esm/Table/index.js +0 -3
@@ -0,0 +1,49 @@
1
+ /// <reference types="react" />
2
+ export declare type Status = "loading" | "error" | "success";
3
+ export declare type SelectMode = "single" | "multi" | "none";
4
+ export declare type SortingDirection = "asc" | "desc" | "none";
5
+ export declare type Sorting = [columnId: string, direction: SortingDirection];
6
+ export declare type GetItemId<Item> = string | ((item: Item, idx: number) => string);
7
+ export interface Row<Item> {
8
+ item: Item;
9
+ id: string;
10
+ hovered: boolean;
11
+ selected: boolean;
12
+ selectable: boolean;
13
+ }
14
+ export interface CellProps<Item> {
15
+ value: any;
16
+ row: Row<Item>;
17
+ column: AdvancedColumnDefinition<Item>;
18
+ }
19
+ export interface HeaderProps<Item> {
20
+ column: AdvancedColumnDefinition<Item>;
21
+ }
22
+ export interface AdvancedColumnDefinition<Item> {
23
+ /** The ID of the column - Should be unique */
24
+ id: string;
25
+ /** A string or a function which determines how to get the column data */
26
+ accessor: string | ((item: Item) => any);
27
+ sort?: boolean;
28
+ Header?: React.ComponentType<HeaderProps<Item>>;
29
+ Cell?: React.ComponentType<CellProps<Item>>;
30
+ className?: string;
31
+ }
32
+ export declare type ColumnDefinition<Item> = string | AdvancedColumnDefinition<Item>;
33
+ export interface IndeterminatePagination {
34
+ currentPage: number;
35
+ itemsPerPage: number;
36
+ isLastPage?: boolean;
37
+ }
38
+ export interface DeterminatePagination {
39
+ currentPage: number;
40
+ itemsPerPage: number;
41
+ totalItemsCount: number;
42
+ }
43
+ export declare type PaginationConfiguration = false | IndeterminatePagination | DeterminatePagination;
44
+ export interface DataConfiguration {
45
+ /** The current pagination configuration */
46
+ pagination: PaginationConfiguration;
47
+ /** The current sorting configuration */
48
+ sorting: Sorting[];
49
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,4 @@
1
+ import type { Row, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, AdvancedColumnDefinition } from "./types";
2
+ export declare const isDeterminatePagination: (pagination: PaginationConfiguration) => pagination is DeterminatePagination;
3
+ export declare const isIndeterminatePagination: (pagination: PaginationConfiguration) => pagination is IndeterminatePagination;
4
+ export declare const getCellValue: <Item extends {}>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;
@@ -0,0 +1,14 @@
1
+ import get from "lodash/get";
2
+ export var isDeterminatePagination = function isDeterminatePagination(pagination) {
3
+ return pagination !== false && "totalItemsCount" in pagination;
4
+ };
5
+ export var isIndeterminatePagination = function isIndeterminatePagination(pagination) {
6
+ return pagination !== false && !("totalItemsCount" in pagination) && "currentPage" in pagination && typeof pagination.currentPage === "number";
7
+ };
8
+ export var getCellValue = function getCellValue(column, row) {
9
+ if (typeof column.accessor === "string") {
10
+ return get(row.item, column.accessor);
11
+ }
12
+
13
+ return column.accessor(row.item);
14
+ };
@@ -6,7 +6,7 @@ export interface TableProps extends React.DetailedHTMLProps<React.TableHTMLAttri
6
6
  highlight?: boolean;
7
7
  }
8
8
  /**
9
- * Data tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
9
+ * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
10
10
  *
11
11
  * #### Do
12
12
  *
@@ -2,15 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
 
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
5
+ var _templateObject, _templateObject2, _templateObject3;
6
6
 
7
7
  var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
8
8
  import React from "react";
9
9
  import cx from "classnames";
10
- import stl from "../styles/helpers/satellitePrefixer";
10
+ import stl from "../../styles/helpers/satellitePrefixer";
11
+ import Footer from "./components/Footer";
11
12
 
12
13
  /**
13
- * Data tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
14
+ * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
14
15
  *
15
16
  * #### Do
16
17
  *
@@ -39,13 +40,13 @@ export var Table = function Table(_ref) {
39
40
  props = _objectWithoutProperties(_ref, _excluded);
40
41
 
41
42
  return /*#__PURE__*/React.createElement("div", {
42
- className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["table-wrapper rounded text-grey-900 bg-white display-body"]))), className)
43
+ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["rounded text-grey-900 bg-white display-body"]))), className)
43
44
  }, /*#__PURE__*/React.createElement("div", {
44
45
  className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["overflow-x-auto"])))
45
46
  }, /*#__PURE__*/React.createElement("table", _extends({}, props, {
46
47
  className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
47
- }))), footer && /*#__PURE__*/React.createElement("div", {
48
- className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["table-footer ", ""])), smallFooter && "table-footer-small")
48
+ }))), footer && /*#__PURE__*/React.createElement(Footer, {
49
+ size: smallFooter ? "small" : "default"
49
50
  }, footer));
50
51
  };
51
52
  export default Table;
@@ -0,0 +1,5 @@
1
+ export = tablePlugin;
2
+ /**
3
+ * @type {import('../../tailwind-types').TailwindPlugin}
4
+ */
5
+ declare const tablePlugin: import('../../tailwind-types').TailwindPlugin;
@@ -1,18 +1,12 @@
1
- import _rgba from "../styles/rgba";
2
- // @ts-check
3
- var rgba = _rgba; // purgecss whitelist: th, td, tr
1
+ // purgecss whitelist: th, td, tr
4
2
 
5
3
  /**
6
- * @type {import('../tailwind-types').TailwindPlugin}
4
+ * @type {import('../../tailwind-types').TailwindPlugin}
7
5
  */
8
-
9
6
  var tablePlugin = function tablePlugin(_ref) {
10
7
  var addComponents = _ref.addComponents,
11
8
  theme = _ref.theme;
12
9
  addComponents({
13
- ".table-wrapper": {
14
- border: "1px solid ".concat(theme("colors.grey.200"))
15
- },
16
10
  ".table": {
17
11
  width: "100%",
18
12
  borderCollapse: "collapse",
@@ -20,6 +14,9 @@ var tablePlugin = function tablePlugin(_ref) {
20
14
  "th, td": {
21
15
  padding: "14px 16px"
22
16
  },
17
+ thead: {
18
+ backgroundColor: theme("colors.grey.50")
19
+ },
23
20
  th: {
24
21
  borderBottom: "1px solid ".concat(theme("colors.grey.200")),
25
22
  fontWeight: "normal"
@@ -35,19 +32,8 @@ var tablePlugin = function tablePlugin(_ref) {
35
32
  },
36
33
  ".table-with-highlight": {
37
34
  "tr:hover td": {
38
- backgroundColor: rgba(theme("colors.grey.100"), 0.6)
35
+ backgroundColor: theme("colors.grey.50")
39
36
  }
40
- },
41
- ".table-footer": {
42
- backgroundColor: theme("colors.grey.100"),
43
- display: "flex",
44
- alignItems: "center",
45
- justifyContent: "center",
46
- color: theme("colors.grey.600"),
47
- padding: "12px 16px"
48
- },
49
- ".table-footer-small": {
50
- padding: "4px 16px"
51
37
  }
52
38
  });
53
39
  };
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ export declare type FooterSizes = "default" | "small";
3
+ export interface FooterProps {
4
+ size?: FooterSizes;
5
+ children?: React.ReactNode;
6
+ }
7
+ export declare const Footer: ({ size, children }: FooterProps) => JSX.Element;
8
+ export default Footer;
@@ -0,0 +1,20 @@
1
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
+
3
+ var _templateObject, _templateObject2, _templateObject3;
4
+
5
+ import React from "react";
6
+ import cx from "classnames";
7
+ import stl from "../../../styles/helpers/satellitePrefixer";
8
+ export var Footer = function Footer(_ref) {
9
+ var _ref$size = _ref.size,
10
+ size = _ref$size === void 0 ? "default" : _ref$size,
11
+ children = _ref.children;
12
+ var SIZE_CLASSNAMES = {
13
+ "default": stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["py-3 px-4"]))),
14
+ small: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["py-1 px-4"])))
15
+ };
16
+ return /*#__PURE__*/React.createElement("div", {
17
+ className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["bg-grey-100 border-t border-grey-200 text-grey-600 flex items-center justify-center"]))), SIZE_CLASSNAMES[size])
18
+ }, children);
19
+ };
20
+ export default Footer;
@@ -0,0 +1,2 @@
1
+ export * from "./Table";
2
+ export { default } from "./Table";
@@ -0,0 +1,2 @@
1
+ export * from "./Table";
2
+ export { default } from "./Table";
@@ -0,0 +1,3 @@
1
+ export * from "./Table";
2
+ export * from "./DataTable";
3
+ export { default } from "./Table";
@@ -0,0 +1,3 @@
1
+ export * from "./Table";
2
+ export * from "./DataTable";
3
+ export { default } from "./Table";
package/esm/Tag/Tag.d.ts CHANGED
@@ -26,5 +26,5 @@ export interface TagProps extends React.DetailedHTMLProps<React.HTMLAttributes<H
26
26
  * - When writing tags, avoid line-wrapping
27
27
  * - Define the max width of text within a tag. Once the text reaches the max, truncate with ellipses
28
28
  */
29
- export declare const Tag: React.ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "onDelete"> & React.RefAttributes<HTMLSpanElement>>;
29
+ export declare const Tag: React.ForwardRefExoticComponent<Pick<TagProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onDelete"> & React.RefAttributes<HTMLSpanElement>>;
30
30
  export default Tag;
@@ -6,5 +6,5 @@ export declare type ToggleProps = Omit<React.HTMLAttributes<HTMLInputElement>, "
6
6
  * - Toggles should not require a Save button to apply the changes
7
7
  * - If a Save button is needed, try using Radio groups or Checkboxes instead
8
8
  */
9
- export declare const Toggle: React.ForwardRefExoticComponent<Pick<React.HTMLAttributes<HTMLInputElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "onChange" | "defaultChecked" | "autoFocus" | "checked"> & React.RefAttributes<HTMLInputElement>>;
9
+ export declare const Toggle: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLInputElement>, "children" | "onChange"> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "autoFocus" | "checked"> & React.RefAttributes<HTMLInputElement>>;
10
10
  export default Toggle;
@@ -20,5 +20,5 @@ export interface TooltipProps extends React.DetailedHTMLProps<React.HTMLAttribut
20
20
  * - Not contain any links or buttons
21
21
  * - Be used sparingly. If you're building something that requires a lot of tooltips, work on clarifying the design and the language in the experience
22
22
  */
23
- export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant"> & React.RefAttributes<HTMLDivElement>>;
23
+ export declare const Tooltip: React.ForwardRefExoticComponent<Pick<TooltipProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "key" | "variant" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & React.RefAttributes<HTMLDivElement>>;
24
24
  export default Tooltip;
package/esm/index.d.ts CHANGED
@@ -34,7 +34,7 @@ export * from "./Satellite";
34
34
  export * from "./Select";
35
35
  export * from "./Sidebar";
36
36
  export * from "./Switch";
37
- export * from "./Table";
37
+ export * from "./Tables";
38
38
  export * from "./Tabs";
39
39
  export * from "./Tag";
40
40
  export * from "./TextArea";
package/esm/index.js CHANGED
@@ -34,7 +34,7 @@ export * from "./Satellite";
34
34
  export * from "./Select";
35
35
  export * from "./Sidebar";
36
36
  export * from "./Switch";
37
- export * from "./Table";
37
+ export * from "./Tables";
38
38
  export * from "./Tabs";
39
39
  export * from "./Tag";
40
40
  export * from "./TextArea";
@@ -1,39 +1,39 @@
1
- export declare const neptune: {
1
+ export const neptune: {
2
2
  1: string;
3
3
  2: string;
4
4
  3: string;
5
5
  4: string;
6
6
  5: string;
7
7
  };
8
- export declare const mercury: {
8
+ export const mercury: {
9
9
  1: string;
10
10
  2: string;
11
11
  3: string;
12
12
  4: string;
13
13
  5: string;
14
14
  };
15
- export declare const jupiter: {
15
+ export const jupiter: {
16
16
  1: string;
17
17
  2: string;
18
18
  3: string;
19
19
  4: string;
20
20
  5: string;
21
21
  };
22
- export declare const saturn: {
22
+ export const saturn: {
23
23
  1: string;
24
24
  2: string;
25
25
  3: string;
26
26
  4: string;
27
27
  5: string;
28
28
  };
29
- export declare const mars: {
29
+ export const mars: {
30
30
  1: string;
31
31
  2: string;
32
32
  3: string;
33
33
  4: string;
34
34
  5: string;
35
35
  };
36
- export declare const venus: {
36
+ export const venus: {
37
37
  1: string;
38
38
  2: string;
39
39
  3: string;
@@ -1,6 +1,6 @@
1
- export declare const black: string;
2
- export declare const white: string;
3
- export declare const grey: {
1
+ export const black: string;
2
+ export const white: string;
3
+ export const grey: {
4
4
  950: string;
5
5
  900: string;
6
6
  800: string;
@@ -13,7 +13,7 @@ export declare const grey: {
13
13
  100: string;
14
14
  50: string;
15
15
  };
16
- export declare const pink: {
16
+ export const pink: {
17
17
  900: string;
18
18
  800: string;
19
19
  700: string;
@@ -24,7 +24,7 @@ export declare const pink: {
24
24
  200: string;
25
25
  100: string;
26
26
  };
27
- export declare const nebula: {
27
+ export const nebula: {
28
28
  900: string;
29
29
  800: string;
30
30
  700: string;
@@ -35,7 +35,7 @@ export declare const nebula: {
35
35
  200: string;
36
36
  100: string;
37
37
  };
38
- export declare const blue: {
38
+ export const blue: {
39
39
  900: string;
40
40
  800: string;
41
41
  700: string;
@@ -46,7 +46,7 @@ export declare const blue: {
46
46
  200: string;
47
47
  100: string;
48
48
  };
49
- export declare const green: {
49
+ export const green: {
50
50
  900: string;
51
51
  800: string;
52
52
  700: string;
@@ -57,7 +57,7 @@ export declare const green: {
57
57
  200: string;
58
58
  100: string;
59
59
  };
60
- export declare const orange: {
60
+ export const orange: {
61
61
  900: string;
62
62
  800: string;
63
63
  700: string;
@@ -68,7 +68,7 @@ export declare const orange: {
68
68
  200: string;
69
69
  100: string;
70
70
  };
71
- export declare const red: {
71
+ export const red: {
72
72
  900: string;
73
73
  800: string;
74
74
  700: string;
@@ -1,3 +1,15 @@
1
+ /**
2
+ * Return url encoded image background
3
+ * @param {string} color
4
+ */
1
5
  export function selectIconBG(color: string): string;
6
+ /**
7
+ * Return Feather icon as SVG background-image value
8
+ * @param {string} color
9
+ */
2
10
  export function toBG(iconName: any, props?: {}): string;
11
+ /**
12
+ * Render inline SVG for a Feather icon
13
+ * @param {string} color
14
+ */
3
15
  export function toSVG(iconName: any, props?: {}): string;
@@ -3,4 +3,4 @@ export = makeTailwindPrefixer;
3
3
  * Creates a tagged template that generates prefixed tailwind classnames
4
4
  * @param {string} tailwindPrefix
5
5
  */
6
- declare function makeTailwindPrefixer(tailwindPrefix: string): (literals: TemplateStringsArray, ...placeholders: (string | false | null | undefined)[]) => string;
6
+ declare function makeTailwindPrefixer(tailwindPrefix: string): (literals: TemplateStringsArray, ...placeholders: (string | undefined | null | false)[]) => string;
@@ -1,28 +1,20 @@
1
1
  export const prefix: "stl-";
2
2
  export namespace purge {
3
- export const mode: string;
4
- export const layers: string[];
5
- export const enabled: boolean;
6
- export const content: string[];
7
- export namespace options {
8
- export const defaultExtractor: (content: string) => string[];
3
+ const mode: string;
4
+ const layers: string[];
5
+ const enabled: boolean;
6
+ const content: string[];
7
+ namespace options {
8
+ const defaultExtractor: (content: string) => string[];
9
9
  }
10
10
  }
11
- declare const zIndexes: {
12
- sidebar: number;
13
- fullPageLayout: number;
14
- modalOverlay: number;
15
- modal: number;
16
- dropdown: number;
17
- notification: number;
18
- tooltip: number;
19
- };
11
+ import zIndexes = require("./zIndexes");
20
12
  export declare namespace theme {
21
- export namespace fontFamily {
22
- export const sans: string[];
23
- export const mono: string[];
13
+ namespace fontFamily {
14
+ const sans: string[];
15
+ const mono: string[];
24
16
  }
25
- export const fontSize: {
17
+ const fontSize: {
26
18
  sm: string;
27
19
  mobile: string;
28
20
  base: string;
@@ -32,7 +24,7 @@ export declare namespace theme {
32
24
  "2xl": string;
33
25
  "3xl": string;
34
26
  };
35
- export const lineHeight: {
27
+ const lineHeight: {
36
28
  inherit: string;
37
29
  sm: string;
38
30
  base: string;
@@ -43,18 +35,18 @@ export declare namespace theme {
43
35
  "3xl": string;
44
36
  none: string;
45
37
  };
46
- export namespace borderRadius {
47
- export const none: string;
48
- export const DEFAULT: string;
49
- export const full: string;
38
+ namespace borderRadius {
39
+ const none: string;
40
+ const DEFAULT: string;
41
+ const full: string;
50
42
  }
51
- export const borderWidth: {
43
+ const borderWidth: {
52
44
  DEFAULT: string;
53
45
  0: string;
54
46
  2: string;
55
47
  3: string;
56
48
  };
57
- export function boxShadow(theme: any): {
49
+ function boxShadow(theme: any): {
58
50
  none: string;
59
51
  z100: string;
60
52
  z200: string;
@@ -62,7 +54,7 @@ export declare namespace theme {
62
54
  z400: string;
63
55
  z500: string;
64
56
  };
65
- export const opacity: {
57
+ const opacity: {
66
58
  0: string;
67
59
  10: string;
68
60
  20: string;
@@ -75,7 +67,7 @@ export declare namespace theme {
75
67
  90: string;
76
68
  100: string;
77
69
  };
78
- export const colors: {
70
+ const colors: {
79
71
  accent: {
80
72
  900: string;
81
73
  800: string;
@@ -177,7 +169,7 @@ export declare namespace theme {
177
169
  100: string;
178
170
  };
179
171
  };
180
- export namespace extend {
172
+ namespace extend {
181
173
  export const spacing: {
182
174
  "2px": string;
183
175
  128: string;
@@ -189,11 +181,11 @@ export declare namespace theme {
189
181
  export function minHeight(theme: any): any;
190
182
  export { zIndexes as zIndex };
191
183
  export namespace cursor {
192
- export const grab: string;
193
- export const help: string;
184
+ const grab: string;
185
+ const help: string;
194
186
  }
195
187
  }
196
- export const typography: {
188
+ const typography: {
197
189
  desktop: import("../tailwind-types").TailwindFunction;
198
190
  mobile: import("../tailwind-types").TailwindFunction;
199
191
  };
@@ -204,4 +196,3 @@ export declare namespace variants {
204
196
  export const visibility: string[];
205
197
  }
206
198
  export declare const plugins: import("../tailwind-types").TailwindPlugin[];
207
- export {};
@@ -146,5 +146,5 @@ export default {
146
146
  borderWidth: ["responsive", "first"],
147
147
  visibility: ["responsive", "group-hover"]
148
148
  },
149
- plugins: [require("./base.tailwind"), typography.plugin, require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Sidebar/Sidebar.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
149
+ plugins: [require("./base.tailwind"), typography.plugin, require("../FlexGrid/FlexGrid.tailwind"), require("../AutoComplete/AutoComplete.tailwind"), require("../Button/Button.tailwind"), require("../Card/Card.tailwind"), require("../Checkbox/Checkbox.tailwind"), require("../EmptyState/EmptyState.tailwind"), require("../Flag/Flag.tailwind"), require("../HelpUnderline/HelpUnderline.tailwind"), require("../Input/Input.tailwind"), require("../InstantSearch/InstantSearch.tailwind"), require("../Medallion/Medallion.tailwind"), require("../Modal/Modal.tailwind"), require("../ProgressBar/ProgressBar.tailwind"), require("../ProgressSpinner/ProgressSpinner.tailwind"), require("../RadioGroup/RadioButton.tailwind"), require("../RangeSlider/RangeSlider.tailwind"), require("../ScrollIndicator/ScrollIndicator.tailwind"), require("../Select/Select.tailwind"), require("../Sidebar/Sidebar.tailwind"), require("../Switch/Switch.tailwind"), require("../Tabs/Tabs.tailwind"), require("../Tables/DataTable/DataTable.tailwind"), require("../Tables/Table/Table.tailwind"), require("../Tag/Tag.tailwind"), require("../TextArea/TextArea.tailwind"), require("../Toggle/Toggle.tailwind"), require("../Tooltip/Tooltip.tailwind"), require("../UserContent/UserContent.tailwind"), require("../DatePicker/DatePicker.tailwind")]
150
150
  };
@@ -1,7 +1,7 @@
1
- export declare const sidebar: number;
2
- export declare const fullPageLayout: number;
3
- export declare const modalOverlay: number;
4
- export declare const modal: number;
5
- export declare const dropdown: number;
6
- export declare const notification: number;
7
- export declare const tooltip: number;
1
+ export const sidebar: number;
2
+ export const fullPageLayout: number;
3
+ export const modalOverlay: number;
4
+ export const modal: number;
5
+ export const dropdown: number;
6
+ export const notification: number;
7
+ export const tooltip: number;
@@ -4,4 +4,5 @@ export { range } from "./range";
4
4
  export { uniqBy } from "./uniqBy";
5
5
  export { uniqueId } from "./uniqueId";
6
6
  export { isNil } from "./isNil";
7
+ export { toSentenceCase } from "./toSentenceCase";
7
8
  export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;