@elliemae/ds-slider-v2 3.62.1 → 3.70.0-alpha.11

package/dist/types/DSSliderV2.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { type DSSliderV2T } from './react-desc-prop-types.js';
 declare const DSSliderV2: {
-    <TMultiple extends boolean = false>(props: DSSliderV2T.Props<TMultiple>): import("react/jsx-runtime.js").JSX.Element;
+    (props: DSSliderV2T.Props): React.JSX.Element;
     displayName: string;
 };
-declare const DSSliderV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSliderV2T.Props<boolean>>;
+declare const DSSliderV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSliderV2T.Props>;
 export { DSSliderV2, DSSliderV2WithSchema };

package/dist/types/DSSliderV2CTX.d.ts

@@ -1,4 +1,4 @@
 import type { DSSliderV2CTX } from './config/useSliderV2.js';
 /** Context for cross component communication */
-export declare const DSSliderV2Context: import("react").Context<DSSliderV2CTX<boolean>>;
+export declare const DSSliderV2Context: import("react").Context<DSSliderV2CTX>;
 export default DSSliderV2Context;

package/dist/types/config/useSliderV2.d.ts

@@ -1,21 +1,21 @@
 import React from 'react';
 import type { XstyledProps } from '@elliemae/ds-props-helpers';
 import { type DSSliderV2T } from '../react-desc-prop-types.js';
-export interface DSSliderV2CTX<TMultiple extends boolean> {
-    propsWithDefault: DSSliderV2T.InternalProps<TMultiple>;
+export interface DSSliderV2CTX {
+    propsWithDefault: DSSliderV2T.InternalProps;
     xstyledProps: XstyledProps;
     instanceUid: string;
     rangeValues: [number, number] | [number];
     tickMarkPositions: number[];
-    getOwnerProps: () => DSSliderV2T.InternalProps<TMultiple>;
+    getOwnerProps: () => DSSliderV2T.InternalProps;
     getOwnerPropsArguments: () => Record<string, unknown>;
     hasUserInteractedAfterFocus: boolean;
     setHasUserInteractedAfterFocus: (value: boolean) => void;
 }
-export declare const useSliderV2: <TMultiple extends boolean>(propsFromUser: DSSliderV2T.Props<TMultiple>) => {
-    getOwnerProps: () => DSSliderV2T.InternalProps<TMultiple>;
+export declare const useSliderV2: (propsFromUser: DSSliderV2T.Props) => {
+    getOwnerProps: () => DSSliderV2T.InternalProps;
     getOwnerPropsArguments: () => {};
-    propsWithDefault: DSSliderV2T.InternalProps<TMultiple>;
+    propsWithDefault: DSSliderV2T.InternalProps;
     xstyledProps: XstyledProps;
     instanceUid: string;
     rangeValues: [number, number] | [number];

package/dist/types/config/useTickMarksValues.d.ts

@@ -1,2 +1,2 @@
 import type { DSSliderV2T } from '../react-desc-prop-types.js';
-export declare const useTickMarksValues: <TMultiple extends boolean>(props: DSSliderV2T.InternalProps<TMultiple>) => number[];
+export declare const useTickMarksValues: (props: DSSliderV2T.InternalProps) => number[];

package/dist/types/config/useValidateProps.d.ts

@@ -1,5 +1,5 @@
 import { type ValidationMap } from '@elliemae/ds-props-helpers';
 import { type DSSliderV2T } from '../react-desc-prop-types.js';
-export declare const useValidateProps: <TMultiple extends boolean>(props: DSSliderV2T.InternalProps<TMultiple>, propTypes: ValidationMap<unknown>, { tickMarkPositions }: {
+export declare const useValidateProps: (props: DSSliderV2T.InternalProps, propTypes: ValidationMap<unknown>, { tickMarkPositions }: {
     tickMarkPositions: number[];
 }) => void;

package/dist/types/parts/MainContent.d.ts

@@ -1 +1 @@
-export declare const MainContent: () => import("react/jsx-runtime.js").JSX.Element;
+export declare const MainContent: () => import("react").JSX.Element;

package/dist/types/parts/Thumb.d.ts

@@ -1,2 +1,9 @@
 import type { IRenderThumbParams } from 'react-range/lib/types.js';
-export declare const Thumb: ({ index, props, isDragged }: IRenderThumbParams) => import("react/jsx-runtime.js").JSX.Element;
+export declare const conformedThumbLabel: (config: {
+    rangeValues: [number] | [number, number];
+    customTickMarksValues: string[];
+    index: number;
+    step: number;
+    minValue: number;
+}) => string;
+export declare const Thumb: ({ index, props: reactRangeOpinionatedProps, isDragged }: Omit<IRenderThumbParams, "key">) => import("react").JSX.Element;

package/dist/types/parts/TickMarks.d.ts

@@ -1 +1 @@
-export declare const TickMarks: () => import("react/jsx-runtime.js").JSX.Element;
+export declare const TickMarks: () => import("react").JSX.Element;

package/dist/types/parts/TickMarksValues.d.ts

@@ -1 +1 @@
-export declare const TickMarksValues: () => import("react/jsx-runtime.js").JSX.Element;
+export declare const TickMarksValues: () => import("react").JSX.Element;

package/dist/types/parts/Track.d.ts

@@ -1,2 +1,2 @@
 import type { IRenderTrackParams } from 'react-range/lib/types.js';
-export declare const Track: ({ children, props, disabled }: IRenderTrackParams) => import("react/jsx-runtime.js").JSX.Element;
+export declare const Track: ({ children, props: reactRangeOpinionatedProps, disabled }: IRenderTrackParams) => import("react").JSX.Element;

package/dist/types/{styles.d.ts → parts/styles.d.ts}

@@ -1,16 +1,16 @@
 export declare const StyledWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
 export declare const StyledRangeWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>>, never>;
-export declare const StyledTrack: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
+interface TrackProps {
     disabled: boolean;
-    applyAriaDisabled: boolean;
+    $applyAriaDisabled: boolean;
+    $readOnly: boolean;
     multiple: boolean;
     minValue: number;
     maxValue: number;
     rangeValues: [number] | [number, number];
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledDot: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    isActive: boolean;
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+}
+export declare const StyledTrack: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, TrackProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledDot: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledDotsContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledTickMarkValue: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
     isSelected: boolean;
@@ -19,7 +19,10 @@ export declare const StyledTickMarksContainer: import("styled-components").Style
     columnCount: number;
     columnWidth: string;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const StyledThumb: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
+interface ThumbProps {
     disabled: boolean;
-    applyAriaDisabled: boolean;
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+    $applyAriaDisabled: boolean;
+    $readOnly: boolean;
+}
+export declare const StyledThumb: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, ThumbProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export {};

package/dist/types/react-desc-prop-types.d.ts

@@ -2,31 +2,51 @@ import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
 import { DSSliderV2Name, SLIDER_V2_SLOTS } from './constants/index.js';
 export declare namespace DSSliderV2T {
-    type ValueType<TMultiple extends boolean> = TMultiple extends true ? [number, number] : TMultiple extends false ? number : number | [number, number];
-    interface RequiredProps<TMultiple extends boolean> {
-        value: ValueType<TMultiple>;
+    type CommonRequiredProps = {
         minValue: number;
         maxValue: number;
-    }
-    interface DefaultProps<TMultiple extends boolean> {
-        multiple: TMultiple;
+    };
+    type CommonDefaultProps = {
         disabled: boolean;
         applyAriaDisabled: boolean;
         readOnly: boolean;
         step: number;
-        onValueChange: (newValue: ValueType<TMultiple>) => void;
         withTickMarks: boolean;
         withTickMarksValues: boolean;
         customTickMarksValues: string[];
-    }
-    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSSliderV2Name, typeof SLIDER_V2_SLOTS> {
+    };
+    interface CommonOptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSSliderV2Name, typeof SLIDER_V2_SLOTS> {
         className?: string;
     }
-    interface Props<TMultiple extends boolean = false> extends Partial<DefaultProps<TMultiple>>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps<TMultiple> | keyof XstyledProps | 'value'>, XstyledProps, RequiredProps<TMultiple> {
-    }
-    interface InternalProps<TMultiple extends boolean = false> extends DefaultProps<TMultiple>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps<TMultiple> | keyof XstyledProps | 'value'>, XstyledProps, RequiredProps<TMultiple> {
-    }
+    type RequiredPropsMultiple = CommonRequiredProps & {
+        value: [number, number];
+    };
+    type DefaultPropsMultiple = CommonDefaultProps & {
+        multiple: true;
+        onValueChange: (newValue: [number, number]) => void;
+        minRange: number;
+    };
+    type OptionalPropsMultiple = CommonOptionalProps;
+    type PropsMultiple = Partial<DefaultPropsMultiple> & OptionalPropsMultiple & Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultPropsMultiple | keyof OptionalPropsMultiple | keyof XstyledProps | keyof RequiredPropsMultiple> & XstyledProps & RequiredPropsMultiple;
+    type InternalPropsMultiple = DefaultPropsMultiple & OptionalPropsMultiple & Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultPropsMultiple | keyof OptionalPropsMultiple | keyof XstyledProps | keyof RequiredPropsMultiple> & XstyledProps & RequiredPropsMultiple;
+    type RequiredPropsSingle = CommonRequiredProps & {
+        value: number;
+    };
+    type DefaultPropsSingle = CommonDefaultProps & {
+        multiple: false;
+        onValueChange: (newValue: number) => void;
+    };
+    type OptionalPropsSingle = CommonOptionalProps & {
+        minRange?: never;
+    };
+    type PropsSingle = Partial<DefaultPropsSingle> & OptionalPropsSingle & Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultPropsSingle | keyof OptionalPropsSingle | keyof XstyledProps | keyof RequiredPropsSingle> & XstyledProps & RequiredPropsSingle;
+    type InternalPropsSingle = DefaultPropsSingle & OptionalPropsSingle & Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultPropsSingle | keyof OptionalPropsSingle | keyof XstyledProps | keyof RequiredPropsSingle> & XstyledProps & RequiredPropsSingle;
+    type DefaultProps = DefaultPropsMultiple | DefaultPropsSingle;
+    type RequiredProps = RequiredPropsMultiple | RequiredPropsSingle;
+    type OptionalProps = OptionalPropsMultiple | OptionalPropsSingle;
+    type Props = PropsMultiple | PropsSingle;
+    type InternalProps = InternalPropsMultiple | InternalPropsSingle;
 }
-export declare const defaultProps: DSSliderV2T.DefaultProps<boolean>;
-export declare const DSSliderV2PropTypes: DSPropTypesSchema<DSSliderV2T.Props<boolean>>;
-export declare const DSSliderV2PropTypesSchema: ValidationMap<DSSliderV2T.Props<boolean>>;
+export declare const defaultProps: DSSliderV2T.DefaultProps;
+export declare const DSSliderV2PropTypes: DSPropTypesSchema<DSSliderV2T.Props>;
+export declare const DSSliderV2PropTypesSchema: ValidationMap<DSSliderV2T.Props>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-slider-v2",
-  "version": "3.62.1",
+  "version": "3.70.0-alpha.11",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Slider V 2",
   "files": [
@@ -22,7 +22,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+    "url": "https://github.com/intcx/PLATFORM-UI.dimsum.git"
   },
   "engines": {
     "pnpm": ">=9",
@@ -38,18 +38,18 @@
   "dependencies": {
     "react-range": "~1.10.0",
     "uid": "^2.0.2",
-    "@elliemae/ds-grid": "3.62.1",
-    "@elliemae/ds-tooltip-v3": "3.62.1",
-    "@elliemae/ds-props-helpers": "3.62.1",
-    "@elliemae/ds-system": "3.62.1",
-    "@elliemae/ds-typescript-helpers": "3.62.1"
+    "@elliemae/ds-grid": "3.70.0-alpha.11",
+    "@elliemae/ds-props-helpers": "3.70.0-alpha.11",
+    "@elliemae/ds-typescript-helpers": "3.70.0-alpha.11",
+    "@elliemae/ds-tooltip-v3": "3.70.0-alpha.11",
+    "@elliemae/ds-system": "3.70.0-alpha.11"
   },
   "devDependencies": {
     "jest": "^30.0.0",
     "lodash-es": "^4.18.1",
-    "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.62.1",
-    "@elliemae/ds-test-utils": "3.62.1"
+    "styled-components": "~5.3.11",
+    "@elliemae/ds-test-utils": "3.70.0-alpha.11",
+    "@elliemae/ds-monorepo-devops": "3.70.0-alpha.11"
   },
   "peerDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
@@ -58,7 +58,7 @@
     "lodash-es": "^4.18.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": "~5.3.9"
+    "styled-components": "~5.3.11"
   },
   "publishConfig": {
     "access": "public",
@@ -66,7 +66,7 @@
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
-    "test": "ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
+    "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops test --passWithNoTests --coverage=\"false\"",
     "lint": "node ../../../scripts/lint.mjs --fix",
     "lint:strict": "node ../../../scripts/lint-strict.mjs",
     "dts": "node ../../../scripts/dts.mjs",

package/dist/cjs/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { getTrackBackground } from 'react-range';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSSliderV2Name, SLIDER_V2_SLOTS } from './constants/index.js';\n\nexport const StyledWrapper = styled(Grid, { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.ROOT })``;\n\nexport const StyledRangeWrapper = styled(Grid, { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.RANGE_WRAPPER })``;\n\nexport const StyledTrack = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.TRACK })<{\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  multiple: boolean;\n  minValue: number;\n  maxValue: number;\n  rangeValues: [number] | [number, number];\n}>`\n  position: relative;\n  height: ${(props) => props.theme.space.xxxs};\n  width: 100%;\n  min-width: ${(props) => props.theme.space.xl};\n  border-radius: ${(props) => props.theme.space.xxxs};\n  background: ${(props) =>\n    props.disabled || props.applyAriaDisabled\n      ? props.theme.colors.neutral[100]\n      : getTrackBackground({\n          values: props.rangeValues,\n          colors: props.multiple\n            ? [props.theme.colors.neutral[100], props.theme.colors.brand[600], props.theme.colors.neutral[100]]\n            : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],\n          min: props.minValue,\n          max: props.maxValue,\n        })};\n`;\n\nexport const StyledDot = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.DOT })<{ isActive: boolean }>`\n  &:after {\n    content: '';\n    background: ${(props) => (props.isActive ? props.theme.colors.brand[300] : props.theme.colors.neutral[400])};\n    border-radius: ${(props) => props.theme.space.xxxs};\n    display: block;\n    position: relative;\n    width: 2px;\n    height: 2px;\n  }\n`;\n\nexport const StyledDotsContainer = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.DOT_CONTAINER })`\n  padding: 0 2px;\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ${(props) => props.theme.zIndex.tooltip - 1};\n`;\n\nexport const StyledTickMarkValue = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.TICK_MARK_VALUE })<{\n  isSelected: boolean;\n}>`\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  min-height: ${(props) => props.theme.space.xs};\n  overflow: visible;\n  color: ${(props) => (props.isSelected ? props.theme.colors.neutral[800] : props.theme.colors.neutral[500])};\n  place-self: baseline;\n  transform: translateX(-50%);\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-break: break-word;\n`;\n\nexport const StyledTickMarksContainer = styled('div', {\n  name: DSSliderV2Name,\n  slot: SLIDER_V2_SLOTS.TICK_MARK_CONTAINER,\n})<{ columnCount: number; columnWidth: string }>`\n  display: grid;\n  grid-template-columns: repeat(${(props) => props.columnCount}, calc(${(props) => props.columnWidth} - 4px));\n  gap: 4px;\n  justify-content: space-between;\n  // this next property-value reverts the sanitize.css value\n  overflow-wrap: normal;\n`;\n\nexport const StyledThumb = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.THUMB })<{\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n}>`\n  height: 20px;\n  width: 20px;\n  top: 0;\n  background-color: ${(props) =>\n    props.disabled || props.applyAriaDisabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000']};\n  border-radius: 10px;\n  border: 1px solid\n    ${(props) =>\n      props.disabled || props.applyAriaDisabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400]};\n\n  :focus {\n    border: 2px solid brand-700;\n    outline: unset;\n  }\n\n  :hover {\n    background-color: ${({ disabled, applyAriaDisabled, theme }) =>\n      disabled || applyAriaDisabled ? theme.colors.neutral[100] : theme.colors.brand[200]};\n  }\n\n  cursor: ${({ disabled, applyAriaDisabled }) => (disabled || applyAriaDisabled ? 'not-allowed' : undefined)};\n\n  z-index: ${(props) => props.theme.zIndex.tooltip};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/utils/thumbLabels.js

@@ -1,51 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var thumbLabels_exports = {};
-__export(thumbLabels_exports, {
-  conformedThumbLabel: () => conformedThumbLabel
-});
-module.exports = __toCommonJS(thumbLabels_exports);
-var React = __toESM(require("react"));
-const conformedThumbLabel = ({
-  rangeValues,
-  customTickMarksValues,
-  index,
-  step,
-  minValue
-}) => {
-  let msg = `Value: `;
-  if (customTickMarksValues.length) {
-    const foundValue = customTickMarksValues[Math.floor((rangeValues[index] - minValue) / step)];
-    msg += `${foundValue ?? rangeValues[index].toFixed(1)}`;
-  } else {
-    msg += `${rangeValues[index].toFixed(1)}`;
-  }
-  return msg;
-};
-//# sourceMappingURL=thumbLabels.js.map

package/dist/cjs/utils/thumbLabels.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/utils/thumbLabels.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const conformedThumbLabel = ({\n  rangeValues,\n  customTickMarksValues,\n  index,\n  step,\n  minValue,\n}: {\n  rangeValues: [number] | [number, number];\n  customTickMarksValues: string[];\n  index: number;\n  step: number;\n  minValue: number;\n}) => {\n  let msg = `Value: `;\n  if (customTickMarksValues.length) {\n    const foundValue = customTickMarksValues[Math.floor((rangeValues[index] - minValue) / step)];\n    msg += `${foundValue ?? rangeValues[index].toFixed(1)}`;\n  } else {\n    msg += `${rangeValues[index].toFixed(1)}`;\n  }\n\n  return msg;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,MAAI,MAAM;AACV,MAAI,sBAAsB,QAAQ;AAChC,UAAM,aAAa,sBAAsB,KAAK,OAAO,YAAY,KAAK,IAAI,YAAY,IAAI,CAAC;AAC3F,WAAO,GAAG,cAAc,YAAY,KAAK,EAAE,QAAQ,CAAC,CAAC;AAAA,EACvD,OAAO;AACL,WAAO,GAAG,YAAY,KAAK,EAAE,QAAQ,CAAC,CAAC;AAAA,EACzC;AAEA,SAAO;AACT;",
-  "names": []
-}

package/dist/esm/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { getTrackBackground } from 'react-range';\nimport { Grid } from '@elliemae/ds-grid';\nimport { styled } from '@elliemae/ds-system';\nimport { DSSliderV2Name, SLIDER_V2_SLOTS } from './constants/index.js';\n\nexport const StyledWrapper = styled(Grid, { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.ROOT })``;\n\nexport const StyledRangeWrapper = styled(Grid, { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.RANGE_WRAPPER })``;\n\nexport const StyledTrack = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.TRACK })<{\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n  multiple: boolean;\n  minValue: number;\n  maxValue: number;\n  rangeValues: [number] | [number, number];\n}>`\n  position: relative;\n  height: ${(props) => props.theme.space.xxxs};\n  width: 100%;\n  min-width: ${(props) => props.theme.space.xl};\n  border-radius: ${(props) => props.theme.space.xxxs};\n  background: ${(props) =>\n    props.disabled || props.applyAriaDisabled\n      ? props.theme.colors.neutral[100]\n      : getTrackBackground({\n          values: props.rangeValues,\n          colors: props.multiple\n            ? [props.theme.colors.neutral[100], props.theme.colors.brand[600], props.theme.colors.neutral[100]]\n            : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],\n          min: props.minValue,\n          max: props.maxValue,\n        })};\n`;\n\nexport const StyledDot = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.DOT })<{ isActive: boolean }>`\n  &:after {\n    content: '';\n    background: ${(props) => (props.isActive ? props.theme.colors.brand[300] : props.theme.colors.neutral[400])};\n    border-radius: ${(props) => props.theme.space.xxxs};\n    display: block;\n    position: relative;\n    width: 2px;\n    height: 2px;\n  }\n`;\n\nexport const StyledDotsContainer = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.DOT_CONTAINER })`\n  padding: 0 2px;\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ${(props) => props.theme.zIndex.tooltip - 1};\n`;\n\nexport const StyledTickMarkValue = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.TICK_MARK_VALUE })<{\n  isSelected: boolean;\n}>`\n  display: flex;\n  justify-content: center;\n  text-align: center;\n  min-height: ${(props) => props.theme.space.xs};\n  overflow: visible;\n  color: ${(props) => (props.isSelected ? props.theme.colors.neutral[800] : props.theme.colors.neutral[500])};\n  place-self: baseline;\n  transform: translateX(-50%);\n  white-space: normal;\n  overflow-wrap: break-word;\n  word-break: break-word;\n`;\n\nexport const StyledTickMarksContainer = styled('div', {\n  name: DSSliderV2Name,\n  slot: SLIDER_V2_SLOTS.TICK_MARK_CONTAINER,\n})<{ columnCount: number; columnWidth: string }>`\n  display: grid;\n  grid-template-columns: repeat(${(props) => props.columnCount}, calc(${(props) => props.columnWidth} - 4px));\n  gap: 4px;\n  justify-content: space-between;\n  // this next property-value reverts the sanitize.css value\n  overflow-wrap: normal;\n`;\n\nexport const StyledThumb = styled('div', { name: DSSliderV2Name, slot: SLIDER_V2_SLOTS.THUMB })<{\n  disabled: boolean;\n  applyAriaDisabled: boolean;\n}>`\n  height: 20px;\n  width: 20px;\n  top: 0;\n  background-color: ${(props) =>\n    props.disabled || props.applyAriaDisabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000']};\n  border-radius: 10px;\n  border: 1px solid\n    ${(props) =>\n      props.disabled || props.applyAriaDisabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400]};\n\n  :focus {\n    border: 2px solid brand-700;\n    outline: unset;\n  }\n\n  :hover {\n    background-color: ${({ disabled, applyAriaDisabled, theme }) =>\n      disabled || applyAriaDisabled ? theme.colors.neutral[100] : theme.colors.brand[200]};\n  }\n\n  cursor: ${({ disabled, applyAriaDisabled }) => (disabled || applyAriaDisabled ? 'not-allowed' : undefined)};\n\n  z-index: ${(props) => props.theme.zIndex.tooltip};\n`;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/utils/thumbLabels.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-const conformedThumbLabel = ({
-  rangeValues,
-  customTickMarksValues,
-  index,
-  step,
-  minValue
-}) => {
-  let msg = `Value: `;
-  if (customTickMarksValues.length) {
-    const foundValue = customTickMarksValues[Math.floor((rangeValues[index] - minValue) / step)];
-    msg += `${foundValue ?? rangeValues[index].toFixed(1)}`;
-  } else {
-    msg += `${rangeValues[index].toFixed(1)}`;
-  }
-  return msg;
-};
-export {
-  conformedThumbLabel
-};
-//# sourceMappingURL=thumbLabels.js.map

package/dist/esm/utils/thumbLabels.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/thumbLabels.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const conformedThumbLabel = ({\n  rangeValues,\n  customTickMarksValues,\n  index,\n  step,\n  minValue,\n}: {\n  rangeValues: [number] | [number, number];\n  customTickMarksValues: string[];\n  index: number;\n  step: number;\n  minValue: number;\n}) => {\n  let msg = `Value: `;\n  if (customTickMarksValues.length) {\n    const foundValue = customTickMarksValues[Math.floor((rangeValues[index] - minValue) / step)];\n    msg += `${foundValue ?? rangeValues[index].toFixed(1)}`;\n  } else {\n    msg += `${rangeValues[index].toFixed(1)}`;\n  }\n\n  return msg;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,MAAI,MAAM;AACV,MAAI,sBAAsB,QAAQ;AAChC,UAAM,aAAa,sBAAsB,KAAK,OAAO,YAAY,KAAK,IAAI,YAAY,IAAI,CAAC;AAC3F,WAAO,GAAG,cAAc,YAAY,KAAK,EAAE,QAAQ,CAAC,CAAC;AAAA,EACvD,OAAO;AACL,WAAO,GAAG,YAAY,KAAK,EAAE,QAAQ,CAAC,CAAC;AAAA,EACzC;AAEA,SAAO;AACT;",
-  "names": []
-}

package/dist/types/tests/DSSliderV2.PUI-15228.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderV2.PUI-15992.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderV2.a11y.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderV2.clickjump.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderV2.data-testid.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderV2.events.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderV2.exports.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderV2.keyboard.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/DSSliderv2.api.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/tests/axe-core.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/typescript-testing/typescript-slider-v2-valid.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/utils/thumbLabels.d.ts

@@ -1,7 +0,0 @@
-export declare const conformedThumbLabel: ({ rangeValues, customTickMarksValues, index, step, minValue, }: {
-    rangeValues: [number] | [number, number];
-    customTickMarksValues: string[];
-    index: number;
-    step: number;
-    minValue: number;
-}) => string;