@antimatter-audio/antimatter-ui 8.6.0 → 9.0.0

package/dist/assets/src/core/Slider/RotarySlider.css.ts.vanilla-BQXYfvmS.css

@@ -0,0 +1,37 @@
+.RotarySlider_RotarySliderStyle__srrsmo0 {
+  position: relative;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  background-color: var(--namedColors-background-input__1rgzsg0q);
+}
+.RotarySlider_RotarySliderInnerStyle__srrsmo1 {
+  background-color: var(--namedColors-background-input__1rgzsg0q);
+  height: 100%;
+  width: 100%;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 50%;
+}
+.RotarySlider_RotarySliderIndicatorStyle__srrsmo2 {
+  background-color: #1ABE95;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 50%;
+  width: var(--spacing-xSmall__1rgzsg01);
+  height: 50%;
+  transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+}
+.RotarySlider_RotarySliderCenterMarkerStyle__srrsmo3 {
+  border-color: var(--namedColors-border__1rgzsg0r) transparent var(--namedColors-border__1rgzsg0r) transparent;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 7px 10px 7px;
+  transform: rotate(180deg);
+  padding-bottom: var(--spacing-small__1rgzsg02);
+}

package/dist/assets/src/core/Slider/RotarySlider.css.ts.vanilla-BvGGVivf.css

@@ -0,0 +1,37 @@
+.RotarySlider_RotarySliderStyle__srrsmo0 {
+  position: relative;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  background-color: var(--namedColors-background-input__1rgzsg0q);
+}
+.RotarySlider_RotarySliderInnerStyle__srrsmo1 {
+  background-color: var(--namedColors-background-input__1rgzsg0q);
+  height: 100%;
+  width: 100%;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 50%;
+}
+.RotarySlider_RotarySliderIndicatorStyle__srrsmo2 {
+  background-color: #1ABE95;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 50%;
+  width: var(--spacing-small__1rgzsg02);
+  height: 50%;
+  transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+}
+.RotarySlider_RotarySliderCenterMarkerStyle__srrsmo3 {
+  border-color: var(--namedColors-border__1rgzsg0r) transparent var(--namedColors-border__1rgzsg0r) transparent;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 7px 10px 7px;
+  transform: rotate(180deg);
+  padding-bottom: var(--spacing-small__1rgzsg02);
+}

package/dist/assets/src/core/Slider/RotarySlider.css.ts.vanilla-D-MGTVMx.css

@@ -0,0 +1,38 @@
+.RotarySlider_RotarySliderStyle__srrsmo0 {
+  position: relative;
+  height: 50px;
+  width: 50px;
+  border-radius: 50%;
+  aspect-ratio: 1 / 1;
+  background-color: var(--namedColors-background-input__1rgzsg0q);
+}
+.RotarySlider_RotarySliderInnerStyle__srrsmo1 {
+  background-color: var(--namedColors-background-input__1rgzsg0q);
+  height: 100%;
+  width: 100%;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 50%;
+}
+.RotarySlider_RotarySliderIndicatorStyle__srrsmo2 {
+  background-color: #1ABE95;
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 50%;
+  width: var(--spacing-small__1rgzsg02);
+  height: 50%;
+  border-radius: 125rem;
+  transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
+}
+.RotarySlider_RotarySliderCenterMarkerStyle__srrsmo3 {
+  border-color: var(--namedColors-border__1rgzsg0r) transparent var(--namedColors-border__1rgzsg0r) transparent;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0 7px 10px 7px;
+  transform: rotate(180deg);
+  padding-bottom: var(--spacing-small__1rgzsg02);
+}

package/dist/index.d.ts

@@ -88,11 +88,10 @@ declare enum InputTypes {
     text = "text",
     number = "number"
 }
-declare function Input({ onChange, value, min, max, type, minLength, maxLength, fontSize, style, className, textColor, }: {
-    onChange?: ({ scaledValue }: {
-        scaledValue: number;
-    }) => any;
+declare function Input({ onComplete, value, min, max, type, minLength, maxLength, fontSize, style, className, id, textColor, }: {
+    onComplete?: (scaledValue: number) => any;
     type?: InputTypes;
+    id?: string;
     fontSize?: FontSizes;
     value: number;
     min: number;
@@ -131,7 +130,7 @@ interface JuceSliderProperties {
     start: number;
     end: number;
     interval: number;
-    skew?: number;
+    skew: number;
     numSteps?: number;
 }
 
@@ -148,10 +147,10 @@ interface RotarySliderProps {
      * NormalisableRange::convertFrom0to1() (C++). This value will differ from a linear
      * [0, 1] range if a non-default NormalisableRange was set for the parameter.
      */
-    mockInitialScaledValue?: number;
+    mockInitialNormalisedValue?: number;
     mockProperties?: JuceSliderProperties;
 }
-declare function RotarySlider({ polarity, className, id, onMouseEnter, onChange, rotationBehavior, mockInitialScaledValue, mockProperties, style, }: React__default.PropsWithChildren<RotarySliderProps>): React__default.JSX.Element;
+declare function RotarySlider({ polarity, className, id, onMouseEnter, onChange, rotationBehavior, mockInitialNormalisedValue, mockProperties, style, }: React__default.PropsWithChildren<RotarySliderProps>): React__default.JSX.Element;
 declare namespace RotarySlider {
     var sliderPolarity: typeof SliderPolarity;
 }
@@ -165,15 +164,16 @@ interface SliderProps {
     onChange?: (newValue: any) => any;
     className?: string;
     style?: object;
+    label?: string;
     /**
      * Returns the scaled value of the parameter. This corresponds to the return value of
      * NormalisableRange::convertFrom0to1() (C++). This value will differ from a linear
      * [0, 1] range if a non-default NormalisableRange was set for the parameter.
      */
-    mockInitialScaledValue?: number;
+    mockInitialNormalisedValue?: number;
     mockProperties?: JuceSliderProperties;
 }
-declare function Slider({ polarity, sliderOrientation, className, id, onMouseEnter, onChange, style, color, mockInitialScaledValue, mockProperties, }: React__default.PropsWithChildren<SliderProps>): React__default.JSX.Element;
+declare function Slider({ polarity, sliderOrientation, className, id, onMouseEnter, onChange, style, color, label, mockInitialNormalisedValue, mockProperties, }: React__default.PropsWithChildren<SliderProps>): React__default.JSX.Element;
 declare namespace Slider {
     var sliderType: typeof SliderType;
     var sliderPolarity: typeof SliderPolarity;
@@ -219,11 +219,12 @@ interface LabelProps {
     padding?: Array<Spacing>;
     value?: string | number;
     fontSize?: FontSizes;
-    id?: any;
+    id?: string;
+    htmlFor?: string;
     className?: string;
     style?: object;
 }
-declare function Label({ value, id, className, style, padding, children, fontSize, }: React.PropsWithChildren<LabelProps>): React.JSX.Element;
+declare function Label({ value, id, className, style, padding, children, htmlFor, fontSize, }: React.PropsWithChildren<LabelProps>): React.JSX.Element;
 declare namespace Label {
     var padding: typeof Spacing;
     var fontSize: typeof FontSizes;
@@ -246,14 +247,14 @@ declare enum IndicatorLightType {
 }
 interface IndicatorLightProps {
     id?: string;
-    isActive: boolean;
+    isActive?: boolean;
     type?: IndicatorLightType;
     label?: string;
     color?: string;
     className?: string;
     style?: React__default.CSSProperties;
 }
-declare function IndicatorLight({ isActive, className, label, color, type, style, id, }: IndicatorLightProps): React__default.JSX.Element;
+declare function IndicatorLight({ className, label, color, type, style, id, }: IndicatorLightProps): React__default.JSX.Element;
 declare namespace IndicatorLight {
     var type: typeof IndicatorLightType;
 }
@@ -368,17 +369,13 @@ declare function ThemeProvider({ theme, className, children, }: React__default.P
 }>): React__default.JSX.Element;
 
 declare const clamp: (val: number, min?: number, max?: number) => number;
-declare function normalizedToScaled({ normalisedValue, skew, end, start, }: {
+declare function normalisedToScaled({ normalisedValue, properties, }: {
     normalisedValue: number;
-    skew?: number;
-    end: number;
-    start: number;
+    properties: JuceSliderProperties;
 }): number;
-declare function scaledToNormalized({ scaledValue, start, end, skew, }: {
+declare function scaledToNormalised({ scaledValue, properties, }: {
     scaledValue: number;
-    start: number;
-    end: number;
-    skew?: number;
+    properties: JuceSliderProperties;
 }): number;
 declare const decimalToPercent: (decimal: number | string) => number;
 declare const percentToDecimal: (percent: number | string) => number;
@@ -416,4 +413,4 @@ declare const getPosition: ({ sliderType, sliderOrientation, polarity, }: {
     right?: undefined;
 };
 
-export { Slider as BarSlider, Box, Button, Dropdown, Heading, IndicatorLight, Input, KeyValueDisplayScreen, Label, Matrix, ModuleFooter, ModuleHeader, Oscilloscope, RotarySlider, SliderValue, Tabs, ThemeProvider, clamp, decimalToPercent, getPosition, getTransformString, normalizedToScaled, percentToDecimal, scaledToNormalized };
+export { Slider as BarSlider, Box, Button, Dropdown, Heading, IndicatorLight, Input, KeyValueDisplayScreen, Label, Matrix, ModuleFooter, ModuleHeader, Oscilloscope, RotarySlider, SliderValue, Tabs, ThemeProvider, clamp, decimalToPercent, getPosition, getTransformString, normalisedToScaled, percentToDecimal, scaledToNormalised as scaledTonormalised };