@smg-automotive/components 25.10.0-dgajin-vsst-4341-migrate-range-filter-input-with-slider.2 → 25.10.0-dgajin-vsst-4341-migrate-range-filter-input-with-slider.3
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/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts +9 -5
- package/dist/cjs/components/rangeFilterInputWithSlider/index.d.ts.map +1 -1
- package/dist/cjs/components/rangeSlider/index.d.ts.map +1 -1
- package/dist/cjs/index.js +6 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/themes/shared/index.d.ts +3 -0
- package/dist/cjs/themes/shared/index.d.ts.map +1 -1
- package/dist/cjs/themes/shared/tokens/durations.d.ts +3 -0
- package/dist/cjs/themes/shared/tokens/durations.d.ts.map +1 -1
- package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts +9 -5
- package/dist/esm/components/rangeFilterInputWithSlider/index.d.ts.map +1 -1
- package/dist/esm/components/rangeSlider/index.d.ts.map +1 -1
- package/dist/esm/components/rangeSlider/index.js +2 -2
- package/dist/esm/components/rangeSlider/index.js.map +1 -1
- package/dist/esm/themes/shared/index.d.ts +3 -0
- package/dist/esm/themes/shared/index.d.ts.map +1 -1
- package/dist/esm/themes/shared/slotRecipes/slider.js +1 -1
- package/dist/esm/themes/shared/tokens/durations.d.ts +3 -0
- package/dist/esm/themes/shared/tokens/durations.d.ts.map +1 -1
- package/dist/esm/themes/shared/tokens/durations.js +3 -0
- package/dist/esm/themes/shared/tokens/durations.js.map +1 -1
- package/package.json +1 -1
|
@@ -10,14 +10,18 @@ type ChangeRangeInputWithSliderCallback<Name> = {
|
|
|
10
10
|
changeType?: 'inputfield' | 'slider';
|
|
11
11
|
} & ChangeCallback<Name>;
|
|
12
12
|
type RangeSliderProps = {
|
|
13
|
-
facets
|
|
13
|
+
facets?: Facet[];
|
|
14
|
+
rangeSliderScale?: number[];
|
|
14
15
|
chartHeight?: RangeSliderWithChartProps['chartHeight'];
|
|
15
|
-
|
|
16
|
+
} & ({
|
|
17
|
+
facets: Facet[];
|
|
18
|
+
chartHeight?: string;
|
|
19
|
+
rangeSliderScale?: never;
|
|
16
20
|
} | {
|
|
17
21
|
rangeSliderScale: number[];
|
|
18
|
-
facets?:
|
|
19
|
-
chartHeight?:
|
|
20
|
-
};
|
|
22
|
+
facets?: never;
|
|
23
|
+
chartHeight?: never;
|
|
24
|
+
});
|
|
21
25
|
export type Props<NameFrom, NameTo> = {
|
|
22
26
|
from: RangeFilterInputField<NameFrom>;
|
|
23
27
|
onChange: (event: ChangeRangeInputWithSliderCallback<NameFrom | NameTo>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,EAEL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeFilterInputWithSlider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,kBAAkB,EAEnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EACL,KAAK,EAEL,yBAAyB,EAC1B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,EAAE,KAAK,GAAG,KAAK,CAAC;IACvB,KAAK,EAAE,kBAAkB,CAAC;CAC3B,CAAC;AAEF,KAAK,kCAAkC,CAAC,IAAI,IAAI;IAC9C,UAAU,CAAC,EAAE,YAAY,GAAG,QAAQ,CAAC;CACtC,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;AAEzB,KAAK,gBAAgB,GAAG;IACtB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,yBAAyB,CAAC,aAAa,CAAC,CAAC;CACxD,GAAG,CACA;IAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,gBAAgB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CACtE,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI;IACpC,IAAI,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,EAAE,CACR,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,kCAAkC,CAAC,QAAQ,GAAG,MAAM,CAAC,KACzD,IAAI,CAAC;IACV,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,gBAAgB,GAClB,sBAAsB,CAAC;AAEzB,wBAAgB,0BAA0B,CACxC,QAAQ,SAAS,MAAM,EACvB,MAAM,SAAS,MAAM,EACrB,EACA,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,CAAC,qBAsFzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EACxC,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/rangeSlider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,KAAK,eAAe,GAAG,IAAI,CACzB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,EACxC,UAAU,CACX,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,eAAe,GAAG;IAC/C,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -145,6 +145,9 @@ var durations = react$1.defineTokens.durations({
|
|
|
145
145
|
normal: {
|
|
146
146
|
value: '200ms',
|
|
147
147
|
},
|
|
148
|
+
slow: {
|
|
149
|
+
value: '1s',
|
|
150
|
+
},
|
|
148
151
|
});
|
|
149
152
|
|
|
150
153
|
var cursor = react$1.defineTokens.cursor({
|
|
@@ -844,7 +847,7 @@ var sliderSlotRecipe = react$1.defineSlotRecipe({
|
|
|
844
847
|
borderWidth: 'var(--slider-thumb-border)',
|
|
845
848
|
borderColor: 'gray.400',
|
|
846
849
|
backgroundColor: 'white',
|
|
847
|
-
translate: '0 -
|
|
850
|
+
translate: '0 -50%',
|
|
848
851
|
_hover: {
|
|
849
852
|
cursor: 'pointer',
|
|
850
853
|
},
|
|
@@ -8106,8 +8109,8 @@ var RangeSlider = function (_a) {
|
|
|
8106
8109
|
React.createElement(react$1.Slider.Control, null,
|
|
8107
8110
|
React.createElement(react$1.Slider.Track, null,
|
|
8108
8111
|
React.createElement(react$1.Slider.Range, null)),
|
|
8109
|
-
React.createElement(react$1.Slider.Thumb, { index: 0, "aria-label": "
|
|
8110
|
-
React.createElement(react$1.Slider.Thumb, { index: 1, "aria-label": "
|
|
8112
|
+
React.createElement(react$1.Slider.Thumb, { index: 0, "aria-label": "Min", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }),
|
|
8113
|
+
React.createElement(react$1.Slider.Thumb, { index: 1, "aria-label": "Max", width: { base: 'md', sm: 'sm' }, height: { base: 'md', sm: 'sm' } }))));
|
|
8111
8114
|
};
|
|
8112
8115
|
|
|
8113
8116
|
Object.defineProperty(exports, "Box", {
|