@algolia/satellite 1.0.0-beta.117 → 1.0.0-beta.121

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 (128) hide show
  1. package/README.md +2 -2
  2. package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +1 -1
  3. package/cjs/AutoComplete/AutoComplete.d.ts +6 -2
  4. package/cjs/AutoComplete/AutoComplete.js +10 -5
  5. package/cjs/AutoComplete/types.d.ts +5 -0
  6. package/cjs/AutoComplete/utils.js +1 -1
  7. package/cjs/Avatars/ApplicationAvatar.d.ts +1 -1
  8. package/cjs/Avatars/utils.js +1 -1
  9. package/cjs/Button/styles.js +1 -1
  10. package/cjs/Card/Card.tailwind.js +2 -1
  11. package/cjs/Card/components/CardHeader.d.ts +2 -2
  12. package/cjs/Checkbox/Checkbox.d.ts +1 -1
  13. package/cjs/ClickAwayContainer/ClickAwayContainer.js +1 -1
  14. package/cjs/DatePicker/DatePicker/datePickerReducer.js +1 -1
  15. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +1 -1
  16. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +1 -1
  17. package/cjs/DatePicker/utils.d.ts +1 -1
  18. package/cjs/Dropdown/Dropdown.js +1 -1
  19. package/cjs/Dropdown/DropdownContext.js +1 -1
  20. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  21. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +3 -3
  22. package/cjs/Dropdown/useDropdownItemProps.js +2 -2
  23. package/cjs/Field/useFieldState.js +1 -1
  24. package/cjs/Link/Link.d.ts +2 -2
  25. package/cjs/Modal/Modal.js +10 -7
  26. package/cjs/Modal/Modal.tailwind.js +0 -5
  27. package/cjs/Modal/components/ModalSection.d.ts +10 -0
  28. package/cjs/Modal/components/ModalSection.js +32 -0
  29. package/cjs/Modal/index.d.ts +2 -0
  30. package/cjs/Modal/index.js +28 -0
  31. package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +21 -0
  32. package/cjs/Pagination/CompactPagination/CompactPagination.js +78 -0
  33. package/cjs/Pagination/CompactPagination/index.d.ts +2 -0
  34. package/cjs/Pagination/CompactPagination/index.js +32 -0
  35. package/cjs/Pagination/DotPagination/DotPagination.d.ts +9 -0
  36. package/cjs/Pagination/DotPagination/DotPagination.js +40 -0
  37. package/cjs/Pagination/DotPagination/index.d.ts +2 -0
  38. package/cjs/Pagination/DotPagination/index.js +32 -0
  39. package/cjs/Pagination/{Pagination.d.ts → Pagination/Pagination.d.ts} +0 -0
  40. package/cjs/Pagination/{Pagination.js → Pagination/Pagination.js} +3 -3
  41. package/cjs/Pagination/Pagination/index.d.ts +2 -0
  42. package/cjs/Pagination/Pagination/index.js +32 -0
  43. package/cjs/Pagination/index.d.ts +2 -0
  44. package/cjs/Pagination/index.js +28 -0
  45. package/cjs/RadioGroup/RadioButton.d.ts +1 -1
  46. package/cjs/RadioGroup/RadioGroup.js +1 -1
  47. package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
  48. package/cjs/Satellite/SatelliteContext.js +1 -1
  49. package/cjs/Sidebar/SidebarContext.js +1 -1
  50. package/cjs/Switch/utils.js +1 -1
  51. package/cjs/Tabs/LinkTabs.js +1 -1
  52. package/cjs/Tag/Tag.d.ts +1 -1
  53. package/cjs/Toggle/Toggle.d.ts +1 -1
  54. package/cjs/Tooltip/OverflowTooltipWrapper.js +1 -1
  55. package/cjs/Tooltip/Tooltip.d.ts +1 -1
  56. package/cjs/index.js +8 -8
  57. package/cjs/styles/brandColors.d.ts +6 -6
  58. package/cjs/styles/colors.d.ts +9 -9
  59. package/cjs/styles/helpers/icons.d.ts +12 -0
  60. package/cjs/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  61. package/cjs/styles/tailwind.config.d.ts +24 -33
  62. package/cjs/styles/zIndexes.d.ts +7 -7
  63. package/cjs/utils/genericChangeHandler.js +1 -1
  64. package/cjs/utils/hashCode.js +1 -1
  65. package/cjs/utils/index.js +6 -6
  66. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  67. package/cjs/utils/isNil.js +1 -1
  68. package/cjs/utils/matchLocation.d.ts +1 -1
  69. package/cjs/utils/parseUrl.js +1 -1
  70. package/cjs/utils/pluralize.js +1 -1
  71. package/cjs/utils/range.js +1 -1
  72. package/cjs/utils/uniqBy.js +1 -1
  73. package/cjs/utils/uniqueId.js +1 -1
  74. package/cjs/utils/useLinkProps.d.ts +1 -1
  75. package/cjs/utils/useLinkProps.js +1 -1
  76. package/cjs/utils/useTriggerInputChange.d.ts +2 -1
  77. package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +1 -1
  78. package/esm/AutoComplete/AutoComplete.d.ts +6 -2
  79. package/esm/AutoComplete/AutoComplete.js +10 -5
  80. package/esm/AutoComplete/types.d.ts +5 -0
  81. package/esm/Avatars/ApplicationAvatar.d.ts +1 -1
  82. package/esm/Card/Card.tailwind.js +2 -1
  83. package/esm/Card/components/CardHeader.d.ts +2 -2
  84. package/esm/Checkbox/Checkbox.d.ts +1 -1
  85. package/esm/DatePicker/utils.d.ts +1 -1
  86. package/esm/Dropdown/Dropdown.js +1 -1
  87. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  88. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +2 -2
  89. package/esm/Dropdown/useDropdownItemProps.js +1 -1
  90. package/esm/Link/Link.d.ts +2 -2
  91. package/esm/Modal/Modal.js +10 -7
  92. package/esm/Modal/Modal.tailwind.js +0 -5
  93. package/esm/Modal/components/ModalSection.d.ts +10 -0
  94. package/esm/Modal/components/ModalSection.js +17 -0
  95. package/esm/Modal/index.d.ts +2 -0
  96. package/esm/Modal/index.js +2 -0
  97. package/esm/Pagination/CompactPagination/CompactPagination.d.ts +21 -0
  98. package/esm/Pagination/CompactPagination/CompactPagination.js +56 -0
  99. package/esm/Pagination/CompactPagination/index.d.ts +2 -0
  100. package/esm/Pagination/CompactPagination/index.js +2 -0
  101. package/esm/Pagination/DotPagination/DotPagination.d.ts +9 -0
  102. package/esm/Pagination/DotPagination/DotPagination.js +26 -0
  103. package/esm/Pagination/DotPagination/index.d.ts +2 -0
  104. package/esm/Pagination/DotPagination/index.js +2 -0
  105. package/esm/Pagination/{Pagination.d.ts → Pagination/Pagination.d.ts} +0 -0
  106. package/esm/Pagination/{Pagination.js → Pagination/Pagination.js} +3 -3
  107. package/esm/Pagination/Pagination/index.d.ts +2 -0
  108. package/esm/Pagination/Pagination/index.js +2 -0
  109. package/esm/Pagination/index.d.ts +2 -0
  110. package/esm/Pagination/index.js +2 -0
  111. package/esm/RadioGroup/RadioButton.d.ts +1 -1
  112. package/esm/RangeSlider/RangeSlider.d.ts +1 -1
  113. package/esm/Tag/Tag.d.ts +1 -1
  114. package/esm/Toggle/Toggle.d.ts +1 -1
  115. package/esm/Tooltip/Tooltip.d.ts +1 -1
  116. package/esm/styles/brandColors.d.ts +6 -6
  117. package/esm/styles/colors.d.ts +9 -9
  118. package/esm/styles/helpers/icons.d.ts +12 -0
  119. package/esm/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  120. package/esm/styles/tailwind.config.d.ts +24 -33
  121. package/esm/styles/zIndexes.d.ts +7 -7
  122. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  123. package/esm/utils/matchLocation.d.ts +1 -1
  124. package/esm/utils/useLinkProps.d.ts +1 -1
  125. package/esm/utils/useTriggerInputChange.d.ts +2 -1
  126. package/package.json +4 -4
  127. package/satellite.css +428 -161
  128. package/satellite.min.css +2 -2
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from "react";
2
+ export declare type ModalSectionProps = {
3
+ children: ReactNode;
4
+ /** @ignore */
5
+ className?: string;
6
+ /** Negates the modal default horizontal padding when true */
7
+ fullBleed?: boolean;
8
+ };
9
+ export declare const ModalSection: ({ children, className, fullBleed }: ModalSectionProps) => JSX.Element;
10
+ export default ModalSection;
@@ -0,0 +1,17 @@
1
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
+
3
+ var _templateObject;
4
+
5
+ import React from "react";
6
+ import cx from "classnames";
7
+ import stl from "../../styles/helpers/satellitePrefixer";
8
+ export var ModalSection = function ModalSection(_ref) {
9
+ var children = _ref.children,
10
+ className = _ref.className,
11
+ _ref$fullBleed = _ref.fullBleed,
12
+ fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
13
+ return /*#__PURE__*/React.createElement("section", {
14
+ className: cx(fullBleed && stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["-mx-10"]))), className)
15
+ }, children);
16
+ };
17
+ export default ModalSection;
@@ -1,2 +1,4 @@
1
1
  export * from "./Modal";
2
+ export * from "./components/ModalFooter";
3
+ export * from "./components/ModalSection";
2
4
  export { default } from "./Modal";
@@ -1,2 +1,4 @@
1
1
  export * from "./Modal";
2
+ export * from "./components/ModalFooter";
3
+ export * from "./components/ModalSection";
2
4
  export { default } from "./Modal";
@@ -0,0 +1,21 @@
1
+ /// <reference types="react" />
2
+ export declare type CompactPaginationLabel = "complete" | "compact" | "none";
3
+ declare type BaseCompactPaginationProps = {
4
+ /** Currently selected page (1 based index) */
5
+ currentPage: number;
6
+ onChange: (page: number) => void;
7
+ showGoToFirstPage?: boolean;
8
+ label?: CompactPaginationLabel;
9
+ };
10
+ export declare type DeterminateCompactPaginationProps = BaseCompactPaginationProps & {
11
+ nbPages: number;
12
+ showGoToLastPage?: boolean;
13
+ };
14
+ export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationProps & {
15
+ nextDisabled?: boolean;
16
+ };
17
+ export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
18
+ export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
19
+ export declare const isIndeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is IndeterminateCompactPaginationProps;
20
+ export declare const CompactPagination: (props: CompactPaginationProps) => JSX.Element;
21
+ export default CompactPagination;
@@ -0,0 +1,56 @@
1
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
+
3
+ var _templateObject, _templateObject2;
4
+
5
+ import React from "react";
6
+ import { ChevronsRight, ChevronsLeft, ArrowLeft, ArrowRight } from "react-feather";
7
+ import stl from "../../styles/helpers/satellitePrefixer";
8
+ import { IconButton } from "../../Button";
9
+ export var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
10
+ return "nbPages" in props;
11
+ };
12
+ export var isIndeterminateCompactPaginationProps = function isIndeterminateCompactPaginationProps(props) {
13
+ return !isDeterminateCompactPaginationProps(props);
14
+ };
15
+ export var CompactPagination = function CompactPagination(props) {
16
+ var _props$label;
17
+
18
+ var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
19
+ var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : "Page ".concat(props.currentPage, " of many");
20
+ var isFirstPage = props.currentPage === 1;
21
+ var isLastPage = isDeterminateCompactPaginationProps(props) ? props.currentPage === props.nbPages : !!props.nextDisabled;
22
+ return /*#__PURE__*/React.createElement("div", {
23
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center space-x-2"])))
24
+ }, props.showGoToFirstPage && /*#__PURE__*/React.createElement(IconButton, {
25
+ icon: ChevronsLeft,
26
+ title: "Go to first page",
27
+ onClick: function onClick() {
28
+ return props.onChange(1);
29
+ },
30
+ disabled: isFirstPage
31
+ }), /*#__PURE__*/React.createElement(IconButton, {
32
+ icon: ArrowLeft,
33
+ title: "Go to previous page",
34
+ onClick: function onClick() {
35
+ return props.onChange(props.currentPage - 1);
36
+ },
37
+ disabled: isFirstPage
38
+ }), label && /*#__PURE__*/React.createElement("span", {
39
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-block text-center tabular-nums px-2"])))
40
+ }, label), /*#__PURE__*/React.createElement(IconButton, {
41
+ icon: ArrowRight,
42
+ title: "Go to next page",
43
+ onClick: function onClick() {
44
+ return props.onChange(props.currentPage + 1);
45
+ },
46
+ disabled: isLastPage
47
+ }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/React.createElement(IconButton, {
48
+ icon: ChevronsRight,
49
+ title: "Go to last page",
50
+ onClick: function onClick() {
51
+ return props.onChange(props.nbPages);
52
+ },
53
+ disabled: isLastPage
54
+ }));
55
+ };
56
+ export default CompactPagination;
@@ -0,0 +1,2 @@
1
+ export * from "./CompactPagination";
2
+ export { default } from "./CompactPagination";
@@ -0,0 +1,2 @@
1
+ export * from "./CompactPagination";
2
+ export { default } from "./CompactPagination";
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ export declare type DotPaginationProps = {
3
+ /** Currently selected page (1 based index) */
4
+ currentPage: number;
5
+ onChange: (page: number) => void;
6
+ nbPages: number;
7
+ };
8
+ export declare const DotPagination: ({ currentPage, onChange, nbPages }: DotPaginationProps) => JSX.Element;
9
+ export default DotPagination;
@@ -0,0 +1,26 @@
1
+ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
+
3
+ var _templateObject, _templateObject2;
4
+
5
+ import React from "react";
6
+ import stl from "../../styles/helpers/satellitePrefixer";
7
+ export var DotPagination = function DotPagination(_ref) {
8
+ var currentPage = _ref.currentPage,
9
+ onChange = _ref.onChange,
10
+ nbPages = _ref.nbPages;
11
+ return /*#__PURE__*/React.createElement("ul", {
12
+ className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"])))
13
+ }, new Array(nbPages).fill(undefined).map(function (_, idx) {
14
+ var pageIdx = idx + 1;
15
+ return /*#__PURE__*/React.createElement("li", {
16
+ key: idx
17
+ }, /*#__PURE__*/React.createElement("button", {
18
+ "aria-label": "Go to page ".concat(pageIdx),
19
+ className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n h-3 w-3 rounded-full mx-1\n ", "\n "])), currentPage === pageIdx ? "bg-accent-600" : "bg-grey-200"),
20
+ onClick: function onClick() {
21
+ return onChange(pageIdx);
22
+ }
23
+ }));
24
+ }));
25
+ };
26
+ export default DotPagination;
@@ -0,0 +1,2 @@
1
+ export * from "./DotPagination";
2
+ export { default } from "./DotPagination";
@@ -0,0 +1,2 @@
1
+ export * from "./DotPagination";
2
+ export { default } from "./DotPagination";
@@ -4,9 +4,9 @@ var _templateObject;
4
4
 
5
5
  import React from "react";
6
6
  import { ArrowLeft, ArrowRight } from "react-feather";
7
- import stl from "../styles/helpers/satellitePrefixer";
8
- import range from "../utils/range";
9
- import Button, { ButtonGroup } from "../Button";
7
+ import stl from "../../styles/helpers/satellitePrefixer";
8
+ import range from "../../utils/range";
9
+ import Button, { ButtonGroup } from "../../Button";
10
10
  var DEFAULT_MAX_BUTTONS = 10;
11
11
 
12
12
  var Ellipsis = function Ellipsis() {
@@ -0,0 +1,2 @@
1
+ export * from "./Pagination";
2
+ export { default } from "./Pagination";
@@ -0,0 +1,2 @@
1
+ export * from "./Pagination";
2
+ export { default } from "./Pagination";
@@ -1,2 +1,4 @@
1
1
  export * from "./Pagination";
2
+ export * from "./DotPagination";
3
+ export * from "./CompactPagination";
2
4
  export { default } from "./Pagination";
@@ -1,2 +1,4 @@
1
1
  export * from "./Pagination";
2
+ export * from "./DotPagination";
3
+ export * from "./CompactPagination";
2
4
  export { default } from "./Pagination";
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  export declare type RadioButtonProps = React.HTMLAttributes<HTMLInputElement> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "value" | "name" | "checked" | "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled">;
3
- export declare const RadioButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLInputElement> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "name" | "onChange" | "defaultChecked" | "value" | "autoFocus" | "checked"> & React.RefAttributes<HTMLInputElement>>;
3
+ export declare const RadioButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLInputElement> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "name" | "autoFocus" | "value" | "checked"> & React.RefAttributes<HTMLInputElement>>;
4
4
  export default RadioButton;
@@ -14,5 +14,5 @@ export interface RangeSliderProps extends Omit<React.DetailedHTMLProps<React.Inp
14
14
  * - Provide min and max value whenever possible
15
15
  * - Provide text input for better accessibility
16
16
  */
17
- export declare const RangeSlider: React.ForwardRefExoticComponent<Pick<RangeSliderProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "className" | "height" | "id" | "lang" | "min" | "name" | "width" | "role" | "tabIndex" | "crossOrigin" | "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" | "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" | "src" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "list" | "maxLength" | "minLength" | "readOnly" | "step" | "track1Color" | "track2Color"> & React.RefAttributes<HTMLInputElement>>;
17
+ export declare const RangeSlider: React.ForwardRefExoticComponent<Pick<RangeSliderProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "key" | "list" | "step" | "className" | "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" | "name" | "height" | "min" | "width" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "maxLength" | "minLength" | "readOnly" | "src" | "track1Color" | "track2Color"> & React.RefAttributes<HTMLInputElement>>;
18
18
  export default RangeSlider;
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;
@@ -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 {};
@@ -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;