@antimatter-audio/antimatter-ui 8.4.0 → 8.4.1
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/assets/src/core/Slider/BarSlider.css.ts.vanilla-DvrOIFe0.css +27 -0
- package/dist/assets/src/core/Slider/BarSlider.css.ts.vanilla-bC2gFk5J.css +27 -0
- package/dist/assets/src/core/Slider/BarSlider.css.ts.vanilla-kKojWrG8.css +25 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +8 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.BarSlider_BarSliderStyle__kmoaop0 {
|
|
2
|
+
position: relative;
|
|
3
|
+
background-color: var(--namedColors-background-input__1rgzsg0q);
|
|
4
|
+
border-bottom: #1ABE95;
|
|
5
|
+
}
|
|
6
|
+
.BarSlider_BarSliderInnerStyle__kmoaop1 {
|
|
7
|
+
height: 100%;
|
|
8
|
+
width: 100%;
|
|
9
|
+
position: absolute;
|
|
10
|
+
background-color: var(--namedColors-border__1rgzsg0r);
|
|
11
|
+
}
|
|
12
|
+
.BarSlider_BarSliderCenterMarkerStyle__kmoaop2 {
|
|
13
|
+
width: 0px;
|
|
14
|
+
height: 0px;
|
|
15
|
+
border-style: solid;
|
|
16
|
+
border-width: 0 7px 10px 7px;
|
|
17
|
+
transform: rotate(180deg);
|
|
18
|
+
padding-bottom: var(--spacing-xSmall__1rgzsg01);
|
|
19
|
+
}
|
|
20
|
+
.BarSlider_variants_horizontal__kmoaop3 {
|
|
21
|
+
height: 20px;
|
|
22
|
+
min-width: 100px;
|
|
23
|
+
}
|
|
24
|
+
.BarSlider_variants_vertical__kmoaop4 {
|
|
25
|
+
width: 20px;
|
|
26
|
+
min-height: 75px;
|
|
27
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
.BarSlider_BarSliderStyle__kmoaop0 {
|
|
2
|
+
position: relative;
|
|
3
|
+
background-color: var(--namedColors-background-input__1rgzsg0q);
|
|
4
|
+
border-bottom: 1px solid #1ABE95;
|
|
5
|
+
}
|
|
6
|
+
.BarSlider_BarSliderInnerStyle__kmoaop1 {
|
|
7
|
+
height: 100%;
|
|
8
|
+
width: 100%;
|
|
9
|
+
position: absolute;
|
|
10
|
+
background-color: var(--namedColors-border__1rgzsg0r);
|
|
11
|
+
}
|
|
12
|
+
.BarSlider_BarSliderCenterMarkerStyle__kmoaop2 {
|
|
13
|
+
width: 0px;
|
|
14
|
+
height: 0px;
|
|
15
|
+
border-style: solid;
|
|
16
|
+
border-width: 0 7px 10px 7px;
|
|
17
|
+
transform: rotate(180deg);
|
|
18
|
+
padding-bottom: var(--spacing-xSmall__1rgzsg01);
|
|
19
|
+
}
|
|
20
|
+
.BarSlider_variants_horizontal__kmoaop3 {
|
|
21
|
+
height: 20px;
|
|
22
|
+
min-width: 100px;
|
|
23
|
+
}
|
|
24
|
+
.BarSlider_variants_vertical__kmoaop4 {
|
|
25
|
+
width: 20px;
|
|
26
|
+
min-height: 75px;
|
|
27
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.BarSlider_BarSliderStyle__kmoaop0 {
|
|
2
|
+
position: relative;
|
|
3
|
+
background-color: var(--namedColors-background-input__1rgzsg0q);
|
|
4
|
+
}
|
|
5
|
+
.BarSlider_BarSliderInnerStyle__kmoaop1 {
|
|
6
|
+
height: 100%;
|
|
7
|
+
width: 100%;
|
|
8
|
+
position: absolute;
|
|
9
|
+
}
|
|
10
|
+
.BarSlider_BarSliderCenterMarkerStyle__kmoaop2 {
|
|
11
|
+
width: 0px;
|
|
12
|
+
height: 0px;
|
|
13
|
+
border-style: solid;
|
|
14
|
+
border-width: 0 7px 10px 7px;
|
|
15
|
+
transform: rotate(180deg);
|
|
16
|
+
padding-bottom: var(--spacing-xSmall__1rgzsg01);
|
|
17
|
+
}
|
|
18
|
+
.BarSlider_variants_horizontal__kmoaop3 {
|
|
19
|
+
height: 20px;
|
|
20
|
+
min-width: 100px;
|
|
21
|
+
}
|
|
22
|
+
.BarSlider_variants_vertical__kmoaop4 {
|
|
23
|
+
width: 20px;
|
|
24
|
+
min-height: 75px;
|
|
25
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -161,6 +161,7 @@ interface SliderProps {
|
|
|
161
161
|
polarity?: SliderPolarity;
|
|
162
162
|
sliderOrientation?: SliderOrientation;
|
|
163
163
|
onMouseEnter?: (label: string, scaledValue: number) => void;
|
|
164
|
+
color?: string;
|
|
164
165
|
onChange?: (newValue: any) => any;
|
|
165
166
|
className?: string;
|
|
166
167
|
style?: object;
|
|
@@ -172,7 +173,7 @@ interface SliderProps {
|
|
|
172
173
|
mockInitialScaledValue?: number;
|
|
173
174
|
mockProperties?: JuceSliderProperties;
|
|
174
175
|
}
|
|
175
|
-
declare function Slider({ polarity, sliderOrientation, className, id, onMouseEnter, onChange, style, mockInitialScaledValue, mockProperties, }: React__default.PropsWithChildren<SliderProps>): React__default.JSX.Element;
|
|
176
|
+
declare function Slider({ polarity, sliderOrientation, className, id, onMouseEnter, onChange, style, color, mockInitialScaledValue, mockProperties, }: React__default.PropsWithChildren<SliderProps>): React__default.JSX.Element;
|
|
176
177
|
declare namespace Slider {
|
|
177
178
|
var sliderType: typeof SliderType;
|
|
178
179
|
var sliderPolarity: typeof SliderPolarity;
|
package/dist/index.js
CHANGED
|
@@ -1016,7 +1016,7 @@ function _object_spread_props(target, source) {
|
|
|
1016
1016
|
return target;
|
|
1017
1017
|
}
|
|
1018
1018
|
function Slider(param) {
|
|
1019
|
-
var _param_polarity = param.polarity, polarity = _param_polarity === void 0 ? SliderPolarity.linear : _param_polarity, _param_sliderOrientation = param.sliderOrientation, sliderOrientation = _param_sliderOrientation === void 0 ? SliderOrientation.vertical : _param_sliderOrientation, className = param.className, id = param.id, onMouseEnter = param.onMouseEnter, onChange = param.onChange, style = param.style, _param_mockInitialScaledValue = param.// Mocks the initial scaled value of the slider for web veiws outside of JUCE
|
|
1019
|
+
var _param_polarity = param.polarity, polarity = _param_polarity === void 0 ? SliderPolarity.linear : _param_polarity, _param_sliderOrientation = param.sliderOrientation, sliderOrientation = _param_sliderOrientation === void 0 ? SliderOrientation.vertical : _param_sliderOrientation, className = param.className, id = param.id, onMouseEnter = param.onMouseEnter, onChange = param.onChange, style = param.style, color = param.color, _param_mockInitialScaledValue = param.// Mocks the initial scaled value of the slider for web veiws outside of JUCE
|
|
1020
1020
|
mockInitialScaledValue, mockInitialScaledValue = _param_mockInitialScaledValue === void 0 ? 0 : _param_mockInitialScaledValue, _param_mockProperties = param.mockProperties, mockProperties = _param_mockProperties === void 0 ? {
|
|
1021
1021
|
start: 0,
|
|
1022
1022
|
end: 1,
|
|
@@ -1049,16 +1049,18 @@ function Slider(param) {
|
|
|
1049
1049
|
}, style)
|
|
1050
1050
|
}), /*#__PURE__*/ React__default.createElement("div", {
|
|
1051
1051
|
className: classnames(BarSliderInnerStyle),
|
|
1052
|
-
style: _object_spread$8({
|
|
1052
|
+
style: _object_spread$8({
|
|
1053
|
+
backgroundColor: color
|
|
1054
|
+
}, getPosition({
|
|
1055
|
+
sliderType: SliderType.bar,
|
|
1056
|
+
sliderOrientation: sliderOrientation,
|
|
1057
|
+
polarity: polarity
|
|
1058
|
+
}), getTransformString({
|
|
1053
1059
|
sliderType: SliderType.bar,
|
|
1054
1060
|
sliderOrientation: sliderOrientation,
|
|
1055
1061
|
polarity: polarity,
|
|
1056
1062
|
normalizedValue: normalizedValue,
|
|
1057
1063
|
scaledValue: scaledValue
|
|
1058
|
-
}), getPosition({
|
|
1059
|
-
sliderType: SliderType.bar,
|
|
1060
|
-
sliderOrientation: sliderOrientation,
|
|
1061
|
-
polarity: polarity
|
|
1062
1064
|
}))
|
|
1063
1065
|
})));
|
|
1064
1066
|
}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|