@react-types/slider - npm Package Compare versions

Comparing version 3.0.0-alpha.1 to 3.0.0-alpha.2

package.json

 {
   "name": "@react-types/slider",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-alpha.2",
   "description": "Spectrum UI components in React",
@@ -12,3 +12,3 @@ "license": "Apache-2.0",
   "dependencies": {
-    "@react-types/shared": "^3.2.1"
+    "@react-types/shared": "^3.3.0"
   },
@@ -21,3 +21,3 @@ "peerDependencies": {
   },
-  "gitHead": "0778f71a3c13e1e24388a23b6d525e3b9f5b98f1"
+  "gitHead": "9f738a06ea4e256c8d975f00502b4b0bbabb8f65"
 }

src/index.d.ts

@@ -1,5 +0,6 @@
-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,
+  orientation?: Orientation,
   isDisabled?: boolean,
@@ -14,5 +15,48 @@ formatOptions?: Intl.NumberFormatOptions
 export interface SliderThumbProps extends AriaLabelingProps, FocusableDOMProps, FocusableProps, Validation, AriaValidationProps, LabelableProps {
-  isReadOnly?: boolean,
+  orientation?: Orientation,
   isDisabled?: boolean,
   index: number
 }
+
+export interface SpectrumBarSliderBase<T> extends BaseSliderProps, ValueBase<T>, StyleProps {
+  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> {
+  /**
+   * 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>> { }

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

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

Improved metrics

Total package byte prevSize

14444

increased by13.99%

Lines of code

54

increased by285.71%

Dependency changes

• Updated@react-types/shared@^3.3.0