@algolia/satellite 1.0.0-beta.116 → 1.0.0-beta.120
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.
- package/README.md +2 -2
- package/cjs/AnnouncementBadge/AnnouncementBadge.d.ts +1 -1
- package/cjs/AutoComplete/AutoComplete.d.ts +2 -2
- package/cjs/AutoComplete/AutoComplete.tailwind.js +1 -1
- package/cjs/AutoComplete/components/AutoCompleteEmptyState.d.ts +1 -1
- package/cjs/AutoComplete/utils.js +1 -1
- package/cjs/Avatars/ApplicationAvatar.d.ts +1 -1
- package/cjs/Avatars/UserAvatar.d.ts +1 -1
- package/cjs/Avatars/UserAvatar.js +2 -1
- package/cjs/Avatars/utils.js +1 -1
- package/cjs/Button/styles.js +1 -1
- package/cjs/Card/Card.tailwind.js +2 -1
- package/cjs/Card/components/CardHeader.d.ts +2 -2
- package/cjs/Checkbox/Checkbox.d.ts +1 -1
- package/cjs/ClickAwayContainer/ClickAwayContainer.js +1 -1
- package/cjs/DatePicker/DatePicker/datePickerReducer.js +1 -1
- package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +1 -1
- package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +1 -1
- package/cjs/DatePicker/utils.d.ts +1 -1
- package/cjs/Dropdown/Dropdown.d.ts +2 -2
- package/cjs/Dropdown/Dropdown.js +1 -1
- package/cjs/Dropdown/DropdownContext.js +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +3 -3
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/cjs/Dropdown/useDropdownItemProps.js +2 -2
- package/cjs/Field/useFieldState.js +1 -1
- package/cjs/Link/Link.d.ts +2 -2
- package/cjs/Modal/Modal.d.ts +1 -1
- package/cjs/Modal/Modal.js +10 -7
- package/cjs/Modal/Modal.tailwind.js +0 -5
- package/cjs/Modal/components/ModalSection.d.ts +10 -0
- package/cjs/Modal/components/ModalSection.js +32 -0
- package/cjs/Modal/index.d.ts +2 -0
- package/cjs/Modal/index.js +28 -0
- package/cjs/Pagination/CompactPagination/CompactPagination.d.ts +21 -0
- package/cjs/Pagination/CompactPagination/CompactPagination.js +78 -0
- package/cjs/Pagination/CompactPagination/index.d.ts +2 -0
- package/cjs/Pagination/CompactPagination/index.js +32 -0
- package/cjs/Pagination/DotPagination/DotPagination.d.ts +9 -0
- package/cjs/Pagination/DotPagination/DotPagination.js +40 -0
- package/cjs/Pagination/DotPagination/index.d.ts +2 -0
- package/cjs/Pagination/DotPagination/index.js +32 -0
- package/cjs/Pagination/{Pagination.d.ts → Pagination/Pagination.d.ts} +1 -1
- package/cjs/Pagination/{Pagination.js → Pagination/Pagination.js} +3 -3
- package/cjs/Pagination/Pagination/index.d.ts +2 -0
- package/cjs/Pagination/Pagination/index.js +32 -0
- package/cjs/Pagination/index.d.ts +2 -0
- package/cjs/Pagination/index.js +28 -0
- package/cjs/RadioGroup/RadioButton.d.ts +1 -1
- package/cjs/RadioGroup/RadioGroup.js +1 -1
- package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
- package/cjs/Satellite/SatelliteContext.js +1 -1
- package/cjs/Sidebar/SidebarContext.js +1 -1
- package/cjs/Switch/utils.js +1 -1
- package/cjs/Tabs/LinkTabs.js +1 -1
- package/cjs/Tag/Tag.d.ts +1 -1
- package/cjs/Toggle/Toggle.d.ts +1 -1
- package/cjs/Tooltip/OverflowTooltipWrapper.js +1 -1
- package/cjs/Tooltip/Tooltip.d.ts +1 -1
- package/cjs/index.js +8 -8
- package/cjs/styles/brandColors.d.ts +6 -6
- package/cjs/styles/colors.d.ts +9 -9
- package/cjs/styles/helpers/icons.d.ts +12 -0
- package/cjs/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
- package/cjs/styles/tailwind.config.d.ts +24 -33
- package/cjs/styles/zIndexes.d.ts +7 -7
- package/cjs/utils/genericChangeHandler.js +1 -1
- package/cjs/utils/hashCode.js +1 -1
- package/cjs/utils/index.js +6 -6
- package/cjs/utils/isCssPropertySupported.d.ts +1 -1
- package/cjs/utils/isNil.js +1 -1
- package/cjs/utils/matchLocation.d.ts +1 -1
- package/cjs/utils/parseUrl.js +1 -1
- package/cjs/utils/pluralize.js +1 -1
- package/cjs/utils/range.js +1 -1
- package/cjs/utils/uniqBy.js +1 -1
- package/cjs/utils/uniqueId.js +1 -1
- package/cjs/utils/useLinkProps.d.ts +1 -1
- package/cjs/utils/useLinkProps.js +1 -1
- package/cjs/utils/useTriggerInputChange.d.ts +2 -1
- package/esm/AnnouncementBadge/AnnouncementBadge.d.ts +1 -1
- package/esm/AutoComplete/AutoComplete.d.ts +2 -2
- package/esm/AutoComplete/AutoComplete.tailwind.js +1 -1
- package/esm/AutoComplete/components/AutoCompleteEmptyState.d.ts +1 -1
- package/esm/Avatars/ApplicationAvatar.d.ts +1 -1
- package/esm/Avatars/UserAvatar.d.ts +1 -1
- package/esm/Avatars/UserAvatar.js +1 -2
- package/esm/Card/Card.tailwind.js +2 -1
- package/esm/Card/components/CardHeader.d.ts +2 -2
- package/esm/Checkbox/Checkbox.d.ts +1 -1
- package/esm/DatePicker/utils.d.ts +1 -1
- package/esm/Dropdown/Dropdown.d.ts +2 -2
- package/esm/Dropdown/Dropdown.js +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +2 -2
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts +1 -1
- package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts +1 -1
- package/esm/Dropdown/useDropdownItemProps.js +1 -1
- package/esm/Link/Link.d.ts +2 -2
- package/esm/Modal/Modal.d.ts +1 -1
- package/esm/Modal/Modal.js +10 -7
- package/esm/Modal/Modal.tailwind.js +0 -5
- package/esm/Modal/components/ModalSection.d.ts +10 -0
- package/esm/Modal/components/ModalSection.js +17 -0
- package/esm/Modal/index.d.ts +2 -0
- package/esm/Modal/index.js +2 -0
- package/esm/Pagination/CompactPagination/CompactPagination.d.ts +21 -0
- package/esm/Pagination/CompactPagination/CompactPagination.js +56 -0
- package/esm/Pagination/CompactPagination/index.d.ts +2 -0
- package/esm/Pagination/CompactPagination/index.js +2 -0
- package/esm/Pagination/DotPagination/DotPagination.d.ts +9 -0
- package/esm/Pagination/DotPagination/DotPagination.js +26 -0
- package/esm/Pagination/DotPagination/index.d.ts +2 -0
- package/esm/Pagination/DotPagination/index.js +2 -0
- package/esm/Pagination/{Pagination.d.ts → Pagination/Pagination.d.ts} +1 -1
- package/esm/Pagination/{Pagination.js → Pagination/Pagination.js} +3 -3
- package/esm/Pagination/Pagination/index.d.ts +2 -0
- package/esm/Pagination/Pagination/index.js +2 -0
- package/esm/Pagination/index.d.ts +2 -0
- package/esm/Pagination/index.js +2 -0
- package/esm/RadioGroup/RadioButton.d.ts +1 -1
- package/esm/RangeSlider/RangeSlider.d.ts +1 -1
- package/esm/Tag/Tag.d.ts +1 -1
- package/esm/Toggle/Toggle.d.ts +1 -1
- package/esm/Tooltip/Tooltip.d.ts +1 -1
- package/esm/styles/brandColors.d.ts +6 -6
- package/esm/styles/colors.d.ts +9 -9
- package/esm/styles/helpers/icons.d.ts +12 -0
- package/esm/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
- package/esm/styles/tailwind.config.d.ts +24 -33
- package/esm/styles/zIndexes.d.ts +7 -7
- package/esm/utils/isCssPropertySupported.d.ts +1 -1
- package/esm/utils/matchLocation.d.ts +1 -1
- package/esm/utils/useLinkProps.d.ts +1 -1
- package/esm/utils/useTriggerInputChange.d.ts +2 -1
- package/package.json +4 -4
- package/satellite.css +429 -162
- package/satellite.min.css +2 -2
@@ -24,11 +24,6 @@ var modalPlugin = function modalPlugin(_ref) {
|
|
24
24
|
},
|
25
25
|
".modal-dialog-large": {
|
26
26
|
maxWidth: 920
|
27
|
-
},
|
28
|
-
// Components
|
29
|
-
".modal-header > span:first-child": {
|
30
|
-
/* CSSTransitionGroup is adding an additional span in the header, so this is neccessary */
|
31
|
-
width: "100%"
|
32
27
|
}
|
33
28
|
}); // Animation
|
34
29
|
|
@@ -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;
|
package/esm/Modal/index.d.ts
CHANGED
package/esm/Modal/index.js
CHANGED
@@ -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,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;
|
@@ -12,5 +12,5 @@ export interface PaginationProps {
|
|
12
12
|
* - Don't use on list with less than 20 items
|
13
13
|
* - Place the pagination at the bottom of the split item
|
14
14
|
*/
|
15
|
-
export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam }: PaginationProps) => JSX.Element;
|
15
|
+
export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam, }: PaginationProps) => JSX.Element;
|
16
16
|
export default Pagination;
|
@@ -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 "
|
8
|
-
import range from "
|
9
|
-
import Button, { ButtonGroup } from "
|
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() {
|
package/esm/Pagination/index.js
CHANGED
@@ -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" | "
|
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" | "
|
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" | "
|
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;
|
package/esm/Toggle/Toggle.d.ts
CHANGED
@@ -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<
|
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;
|
package/esm/Tooltip/Tooltip.d.ts
CHANGED
@@ -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" | "
|
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
|
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
|
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
|
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
|
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
|
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
|
36
|
+
export const venus: {
|
37
37
|
1: string;
|
38
38
|
2: string;
|
39
39
|
3: string;
|
package/esm/styles/colors.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
export
|
2
|
-
export
|
3
|
-
export
|
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
|
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
|
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
|
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
|
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
|
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
|
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 |
|
6
|
+
declare function makeTailwindPrefixer(tailwindPrefix: string): (literals: TemplateStringsArray, ...placeholders: (string | undefined | null | false)[]) => string;
|