@algolia/satellite 1.0.0-beta.119 → 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.
Files changed (78) hide show
  1. package/README.md +2 -2
  2. package/cjs/AutoComplete/AutoComplete.d.ts +2 -2
  3. package/cjs/AutoComplete/utils.js +1 -1
  4. package/cjs/Avatars/ApplicationAvatar.d.ts +1 -1
  5. package/cjs/Avatars/utils.js +1 -1
  6. package/cjs/Button/styles.js +1 -1
  7. package/cjs/Card/components/CardHeader.d.ts +2 -2
  8. package/cjs/Checkbox/Checkbox.d.ts +1 -1
  9. package/cjs/ClickAwayContainer/ClickAwayContainer.js +1 -1
  10. package/cjs/DatePicker/DatePicker/datePickerReducer.js +1 -1
  11. package/cjs/DatePicker/DateRangePicker/dateRangePickerReducer.js +1 -1
  12. package/cjs/DatePicker/DateRangePicker/dateRangePickerTimeRange.js +1 -1
  13. package/cjs/DatePicker/utils.d.ts +1 -1
  14. package/cjs/Dropdown/DropdownContext.js +1 -1
  15. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  16. package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +2 -2
  17. package/cjs/Dropdown/useDropdownItemProps.js +1 -1
  18. package/cjs/Field/useFieldState.js +1 -1
  19. package/cjs/Link/Link.d.ts +2 -2
  20. package/cjs/Pagination/CompactPagination/CompactPagination.js +1 -1
  21. package/cjs/RadioGroup/RadioButton.d.ts +1 -1
  22. package/cjs/RadioGroup/RadioGroup.js +1 -1
  23. package/cjs/RangeSlider/RangeSlider.d.ts +1 -1
  24. package/cjs/Satellite/SatelliteContext.js +1 -1
  25. package/cjs/Sidebar/SidebarContext.js +1 -1
  26. package/cjs/Switch/utils.js +1 -1
  27. package/cjs/Tabs/LinkTabs.js +1 -1
  28. package/cjs/Tag/Tag.d.ts +1 -1
  29. package/cjs/Toggle/Toggle.d.ts +1 -1
  30. package/cjs/Tooltip/OverflowTooltipWrapper.js +1 -1
  31. package/cjs/Tooltip/Tooltip.d.ts +1 -1
  32. package/cjs/index.js +8 -8
  33. package/cjs/styles/brandColors.d.ts +6 -6
  34. package/cjs/styles/colors.d.ts +9 -9
  35. package/cjs/styles/helpers/icons.d.ts +12 -0
  36. package/cjs/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  37. package/cjs/styles/tailwind.config.d.ts +24 -33
  38. package/cjs/styles/zIndexes.d.ts +7 -7
  39. package/cjs/utils/genericChangeHandler.js +1 -1
  40. package/cjs/utils/hashCode.js +1 -1
  41. package/cjs/utils/index.js +6 -6
  42. package/cjs/utils/isCssPropertySupported.d.ts +1 -1
  43. package/cjs/utils/isNil.js +1 -1
  44. package/cjs/utils/matchLocation.d.ts +1 -1
  45. package/cjs/utils/parseUrl.js +1 -1
  46. package/cjs/utils/pluralize.js +1 -1
  47. package/cjs/utils/range.js +1 -1
  48. package/cjs/utils/uniqBy.js +1 -1
  49. package/cjs/utils/uniqueId.js +1 -1
  50. package/cjs/utils/useLinkProps.d.ts +1 -1
  51. package/cjs/utils/useLinkProps.js +1 -1
  52. package/cjs/utils/useTriggerInputChange.d.ts +2 -1
  53. package/esm/AutoComplete/AutoComplete.d.ts +2 -2
  54. package/esm/Avatars/ApplicationAvatar.d.ts +1 -1
  55. package/esm/Card/components/CardHeader.d.ts +2 -2
  56. package/esm/Checkbox/Checkbox.d.ts +1 -1
  57. package/esm/DatePicker/utils.d.ts +1 -1
  58. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts +0 -2
  59. package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.js +1 -1
  60. package/esm/Link/Link.d.ts +2 -2
  61. package/esm/RadioGroup/RadioButton.d.ts +1 -1
  62. package/esm/RangeSlider/RangeSlider.d.ts +1 -1
  63. package/esm/Tag/Tag.d.ts +1 -1
  64. package/esm/Toggle/Toggle.d.ts +1 -1
  65. package/esm/Tooltip/Tooltip.d.ts +1 -1
  66. package/esm/styles/brandColors.d.ts +6 -6
  67. package/esm/styles/colors.d.ts +9 -9
  68. package/esm/styles/helpers/icons.d.ts +12 -0
  69. package/esm/styles/helpers/makeTailwindPrefixer.d.ts +1 -1
  70. package/esm/styles/tailwind.config.d.ts +24 -33
  71. package/esm/styles/zIndexes.d.ts +7 -7
  72. package/esm/utils/isCssPropertySupported.d.ts +1 -1
  73. package/esm/utils/matchLocation.d.ts +1 -1
  74. package/esm/utils/useLinkProps.d.ts +1 -1
  75. package/esm/utils/useTriggerInputChange.d.ts +2 -1
  76. package/package.json +4 -4
  77. package/satellite.css +427 -157
  78. package/satellite.min.css +2 -2
@@ -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;
@@ -1,2 +1,2 @@
1
- declare const isCssPropertySupported: <P extends number | "left" | "right" | "bottom" | "top" | "font" | "clipPath" | "filter" | "marker" | "mask" | "resize" | "color" | "clip" | "content" | "flex" | "grid" | "fill" | "stroke" | "zoom" | "clear" | "border" | "padding" | "height" | "width" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "enableBackground" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "imageRendering" | "kerning" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "translate" | "position" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cssFloat" | "cssText" | "emptyCells" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFeatureSettings" | "fontKerning" | "fontSynthesis" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "imeMode" | "inlineSize" | "justifyContent" | "justifyItems" | "justifySelf" | "layoutGrid" | "layoutGridChar" | "layoutGridLine" | "layoutGridMode" | "layoutGridType" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskComposite" | "maskImage" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "msContentZoomChaining" | "msContentZoomLimit" | "msContentZoomLimitMax" | "msContentZoomLimitMin" | "msContentZoomSnap" | "msContentZoomSnapPoints" | "msContentZoomSnapType" | "msContentZooming" | "msFlowFrom" | "msFlowInto" | "msFontFeatureSettings" | "msGridColumn" | "msGridColumnAlign" | "msGridColumnSpan" | "msGridColumns" | "msGridRow" | "msGridRowAlign" | "msGridRowSpan" | "msGridRows" | "msHighContrastAdjust" | "msHyphenateLimitChars" | "msHyphenateLimitLines" | "msHyphenateLimitZone" | "msHyphens" | "msImeAlign" | "msOverflowStyle" | "msScrollChaining" | "msScrollLimit" | "msScrollLimitXMax" | "msScrollLimitXMin" | "msScrollLimitYMax" | "msScrollLimitYMin" | "msScrollRails" | "msScrollSnapPointsX" | "msScrollSnapPointsY" | "msScrollSnapType" | "msScrollSnapX" | "msScrollSnapY" | "msScrollTranslation" | "msTextCombineHorizontal" | "msTextSizeAdjust" | "msTouchAction" | "msTouchSelect" | "msUserSelect" | "msWrapFlow" | "msWrapMargin" | "msWrapThrough" | "objectFit" | "objectPosition" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "penAction" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "quotes" | "rowGap" | "rubyAlign" | "rubyOverhang" | "rubyPosition" | "scrollBehavior" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textKashida" | "textKashidaSpace" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderImage" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxDirection" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitColumnBreakAfter" | "webkitColumnBreakBefore" | "webkitColumnBreakInside" | "webkitColumnCount" | "webkitColumnGap" | "webkitColumnRule" | "webkitColumnRuleColor" | "webkitColumnRuleStyle" | "webkitColumnRuleWidth" | "webkitColumnSpan" | "webkitColumnWidth" | "webkitColumns" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTapHighlightColor" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserModify" | "webkitUserSelect" | "webkitWritingMode" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "item" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
1
+ declare const isCssPropertySupported: <P extends number | "all" | "left" | "right" | "bottom" | "top" | "font" | "clipPath" | "filter" | "marker" | "mask" | "resize" | "fill" | "color" | "clip" | "content" | "flex" | "grid" | "stroke" | "zoom" | "clear" | "border" | "padding" | "translate" | "position" | "height" | "width" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "glyphOrientationVertical" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cssFloat" | "cssText" | "emptyCells" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "fontFeatureSettings" | "fontKerning" | "fontSynthesis" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskComposite" | "maskImage" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "objectFit" | "objectPosition" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "quotes" | "rowGap" | "rubyAlign" | "rubyPosition" | "scrollBehavior" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationStyle" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTapHighlightColor" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "item" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
2
2
  export default isCssPropertySupported;
@@ -1,3 +1,3 @@
1
1
  export declare type LocationSubset = Pick<Location, "pathname">;
2
- declare const matchLocation: (href: string, location: Pick<Location, "pathname">) => boolean;
2
+ declare const matchLocation: (href: string, location: LocationSubset) => boolean;
3
3
  export default matchLocation;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  export declare type UseLinkProps = Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target" | "rel">;
3
- export declare const useLinkProps: (props: Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "href" | "onClick" | "rel">) => Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, "target" | "href" | "onClick" | "rel">;
3
+ export declare const useLinkProps: (props: UseLinkProps) => UseLinkProps;
4
4
  export default useLinkProps;
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
+ declare type InputValue = JSX.IntrinsicElements["input"]["value"];
2
3
  /**
3
4
  * Trigger a native input change event.
4
5
  * See https://stackoverflow.com/questions/23892547/what-is-the-best-way-to-trigger-onchange-event-in-react-js
5
6
  */
6
- declare const useTriggerInputChange: (inputRef: import("react").MutableRefObject<HTMLInputElement | null>) => (value: string | number | string[] | undefined) => void;
7
+ declare const useTriggerInputChange: (inputRef: React.MutableRefObject<HTMLInputElement | null>) => (value: InputValue) => void;
7
8
  export default useTriggerInputChange;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@algolia/satellite",
3
- "version": "1.0.0-beta.119",
3
+ "version": "1.0.0-beta.120",
4
4
  "description": "Algolia design system React components",
5
5
  "scripts": {
6
6
  "clean": "del dist",
@@ -53,7 +53,7 @@
53
53
  "outputDirectory": "./.reports/junit"
54
54
  },
55
55
  "engines": {
56
- "node": ">=12.13.1"
56
+ "node": ">=16"
57
57
  },
58
58
  "peerDependencies": {
59
59
  "react": "^16.8.0",
@@ -62,7 +62,7 @@
62
62
  "react-instantsearch-dom": "^6.1.0"
63
63
  },
64
64
  "dependencies": {
65
- "@babel/runtime": "^7.14.6",
65
+ "@babel/runtime": "^7.16.3",
66
66
  "@popperjs/core": "^2.4.4",
67
67
  "@reach/tabs": "^0.16.1",
68
68
  "classnames": "^2.3.1",
@@ -75,7 +75,7 @@
75
75
  "react-popper": "^2.2.5",
76
76
  "react-transition-group": "4.4.2",
77
77
  "react-use": "^15.3.8",
78
- "tailwindcss": "^2.2.4"
78
+ "tailwindcss": "^2.2.19"
79
79
  },
80
80
  "main": "./cjs/index.js",
81
81
  "module": "./esm/index.js",