@react-types/slider - npm Package Compare versions

Comparing version 3.0.0-nightly.2414 to 3.0.0-nightly.2416

package.json

 {
   "name": "@react-types/slider",
-  "version": "3.0.0-nightly.2414+0ac271ac",
+  "version": "3.0.0-nightly.2416+dc6d7873",
   "description": "Spectrum UI components in React",
@@ -12,3 +12,3 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-types/shared": "3.0.0-nightly.736+0ac271ac"
+    "@react-types/shared": "3.0.0-nightly.738+dc6d7873"
   },
@@ -21,3 +21,3 @@ "peerDependencies": {
   },
-  "gitHead": "0ac271ac5508fc6b03e0bd416142aba02546164a"
+  "gitHead": "dc6d78733fb26fa02afeb1a36e11de7d71c84467"
 }

src/index.d.ts

@@ -1,5 +0,5 @@
-import {AriaLabelingProps, AriaValidationProps, FocusableDOMProps, FocusableProps, LabelableProps, RangeInputBase, Validation, ValueBase} from '@react-types/shared';
+import {AriaLabelingProps, AriaValidationProps, FocusableDOMProps, FocusableProps, LabelableProps, LabelPosition, Orientation, RangeInputBase, RangeValue, StyleProps, Validation, ValueBase} from '@react-types/shared';
+import {ReactNode} from 'react';
 
 export interface BaseSliderProps extends RangeInputBase<number>, LabelableProps, AriaLabelingProps {
-  isReadOnly?: boolean,
   isDisabled?: boolean,
@@ -14,5 +14,48 @@ formatOptions?: Intl.NumberFormatOptions
 export interface SliderThumbProps extends AriaLabelingProps, FocusableDOMProps, FocusableProps, Validation, AriaValidationProps, LabelableProps {
-  isReadOnly?: boolean,
   isDisabled?: boolean,
   index: number
 }
+
+export interface SpectrumBarSliderBase<T> extends BaseSliderProps, ValueBase<T>, StyleProps {
+  orientation?: Orientation,
+  labelPosition?: LabelPosition,
+  /** Whether the value's label is displayed. True by default if there's a `label`, false by default if not. */
+  showValueLabel?: boolean,
+  /** The content to display as the value's label. Overrides default formatted number. */
+  valueLabel?: ReactNode
+}
+
+export interface SpectrumSliderTicksBase {
+  /** Enables tick marks if > 0. Ticks will be evenly distributed between the min and max values. */
+  tickCount?: number,
+
+  /** Enables tick labels. */
+  showTickLabels?: boolean,
+  /**
+   * By default, labels are formatted using the slider's number formatter,
+   * but you can use the tickLabels prop to override these with custom labels.
+   */
+  tickLabels?: Array<ReactNode>
+}
+
+export interface SpectrumSliderProps extends SpectrumBarSliderBase<number>, SpectrumSliderTicksBase {
+  /**
+   * Whether a fill color is shown between the start of the slider and the current value.
+   * @see https://spectrum.adobe.com/page/slider/#Fill.
+   */
+  isFilled?: boolean,
+  /**
+   * The offset from which to start the fill.
+   * @see https://spectrum.adobe.com/page/slider/#Fill-start.
+   */
+  fillOffset?: number,
+  /**
+   * The background of the track, specified as the stops for a CSS background: `linear-gradient(to right/left, ...trackGradient)`.
+   * @example trackGradient={['red', 'green']}
+   * @example trackGradient={['red 20%', 'green 40%']}
+   * @see https://spectrum.adobe.com/page/slider/#Gradient.
+   */
+  trackGradient?: string[]
+}
+
+export interface SpectrumRangeSliderProps extends SpectrumBarSliderBase<RangeValue<number>>, SpectrumSliderTicksBase { }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14464

increased by13.84%

Lines of code

52

increased by271.43%

Dependency changes

• Updated@react-types/shared@3.0.0-nightly.738+dc6d7873