@antimatter-audio/antimatter-ui 9.2.0 → 9.3.0

package/dist/index.d.ts

@@ -1,419 +0,0 @@
-import * as React from 'react';
-import React__default from 'react';
-export { default as useSlider } from 'core/Slider/hooks/useSlider';
-export { FontSizes, Spacing } from 'common/types';
-
-declare enum Spacing {
-    none = "none",
-    xSmall = "xSmall",
-    small = "small",
-    mediumSmall = "mediumSmall",
-    medium = "medium",
-    mediumLarge = "mediumLarge",
-    large = "large",
-    xLarge = "xLarge"
-}
-declare enum FlexDirection {
-    row = "row",
-    column = "column"
-}
-declare enum FlexWrap {
-    wrap = "wrap",
-    noWrap = "nowrap"
-}
-declare enum Height {
-    full = "100%",
-    auto = "auto"
-}
-declare enum Width {
-    full = "100%",
-    auto = "auto"
-}
-declare enum FontSizes {
-    xSmall = "xSmall",
-    small = "small",
-    medium = "medium",
-    large = "large",
-    xLarge = "xLarge",
-    title = "title"
-}
-
-interface TabsProps {
-    items: Array<string>;
-    onChange: (index: number) => void;
-    padding?: Array<Spacing>;
-    margin?: Array<Spacing>;
-    className?: string;
-    style?: object;
-}
-declare function Tabs({ items, className, padding, margin, onChange, }: React__default.PropsWithChildren<TabsProps>): React__default.JSX.Element;
-declare namespace Tabs {
-    var padding: typeof Spacing;
-    var margin: typeof Spacing;
-}
-
-declare enum ButtonSize {
-    xSmall = "xSmall",
-    small = "small",
-    large = "large"
-}
-declare enum ButtonType {
-    momentary = "momentary",
-    latch = "latch"
-}
-
-interface TextButtonProps {
-    id: any;
-    disabled?: boolean;
-    size?: ButtonSize;
-    type?: ButtonType;
-    text?: string;
-    className?: string;
-    style?: object;
-    children?: React.ReactNode;
-}
-declare function Button({ disabled, text, id, className, style, children, type, size, }: React.PropsWithChildren<TextButtonProps>): React.JSX.Element;
-declare namespace Button {
-    var type: typeof ButtonType;
-    var size: typeof ButtonSize;
-}
-
-interface DropdownProps {
-    id: string;
-    items?: Array<string>;
-    className?: string;
-    style?: React__default.CSSProperties;
-    onChange?: (event: any) => any;
-}
-declare function Dropdown({ items, className, id, style }: DropdownProps): React__default.JSX.Element;
-
-declare enum InputTypes {
-    text = "text",
-    number = "number"
-}
-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;
-    max: number;
-    minLength?: number;
-    maxLength?: number;
-    textColor?: string;
-    style?: React__default.CSSProperties;
-    className?: string;
-}): React__default.JSX.Element;
-declare namespace Input {
-    var type: typeof InputTypes;
-}
-
-declare enum SliderPolarity {
-    linear = "linear",
-    bipolar = "bipolar"
-}
-declare enum SliderType {
-    bar = "bar",
-    rotary = "rotary",
-    custom = "custom"
-}
-declare enum SliderRotationBehavior {
-    rotateIndicator = "rotateIndicator",
-    rotateKnob = "rotateKnob",
-    noRotation = "noRotation"
-}
-declare enum SliderOrientation {
-    horizontal = "horizontal",
-    vertical = "vertical"
-}
-interface JuceSliderProperties {
-    name?: string;
-    label?: string;
-    start: number;
-    end: number;
-    interval: number;
-    skew: number;
-    numSteps?: number;
-}
-
-interface RotarySliderProps {
-    id: any;
-    polarity?: SliderPolarity;
-    rotationBehavior?: SliderRotationBehavior;
-    onMouseEnter?: (label: string, scaledValue: number) => void;
-    onChange?: (newValue: any) => void;
-    className?: string;
-    style?: object;
-    /**
-     * 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.
-     */
-    mockInitialNormalisedValue?: number;
-    mockProperties?: JuceSliderProperties;
-}
-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;
-}
-
-interface SliderProps {
-    id: any;
-    polarity?: SliderPolarity;
-    sliderOrientation?: SliderOrientation;
-    onMouseEnter?: (label: string, scaledValue: number) => void;
-    color?: string;
-    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.
-     */
-    mockInitialNormalisedValue?: number;
-    mockProperties?: JuceSliderProperties;
-}
-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;
-    var sliderOrientation: typeof SliderOrientation;
-}
-
-declare function SliderValue({ value, min, max, minLength, maxLength, isEditable, onChange, className, style, }: {
-    value: number;
-    min: number;
-    max: number;
-    minLength: number;
-    maxLength: number;
-    isEditable: boolean;
-    onChange: (...args: any) => any;
-    className: string;
-    style: React__default.CSSProperties;
-}): React__default.JSX.Element;
-
-declare enum HeadingTags {
-    h1 = "h1",
-    h2 = "h2",
-    h3 = "h3",
-    h4 = "h4"
-}
-
-interface HeadingProps {
-    tag?: HeadingTags;
-    padding?: Array<Spacing>;
-    fontSize?: FontSizes;
-    value?: string;
-    id?: any;
-    className?: string;
-    style?: object;
-}
-declare function Heading({ value, id, className, style, tag, padding, fontSize, children, }: React.PropsWithChildren<HeadingProps>): React.JSX.Element;
-declare namespace Heading {
-    var fontSize: typeof FontSizes;
-    var tag: typeof HeadingTags;
-    var padding: typeof Spacing;
-}
-
-interface LabelProps {
-    padding?: Array<Spacing>;
-    value?: string | number;
-    fontSize?: FontSizes;
-    id?: string;
-    htmlFor?: string;
-    className?: string;
-    style?: object;
-}
-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;
-}
-
-interface MatrixProps {
-    rows: Array<{
-        [key: string]: string | number;
-    }>;
-    columns: Array<{
-        key: string;
-        label: string;
-    }>;
-}
-declare const Matrix: React__default.FC<React__default.PropsWithChildren<MatrixProps>>;
-
-declare enum IndicatorLightType {
-    small = "small",
-    large = "large"
-}
-interface IndicatorLightProps {
-    id: string;
-    isActive?: boolean;
-    type?: IndicatorLightType;
-    label?: string;
-    color?: string;
-    className?: string;
-    style?: React__default.CSSProperties;
-}
-declare function IndicatorLight({ className, label, color, type, style, id, }: IndicatorLightProps): React__default.JSX.Element;
-declare namespace IndicatorLight {
-    var type: typeof IndicatorLightType;
-}
-
-declare enum JustifyContent {
-    flexStart = "flex-start",
-    flexEnd = "flex-end",
-    center = "center",
-    spaceBetween = "space-between",
-    spaceAround = "space-around",
-    spaceEvenly = "space-evenly"
-}
-declare enum AlignItems {
-    flexStart = "flex-start",
-    flexEnd = "flex-end",
-    center = "center",
-    stretch = "stretch",
-    baseline = "baseline"
-}
-declare enum LayoutTags {
-    header = "header",
-    main = "main",
-    section = "section",
-    div = "div",
-    footer = "footer"
-}
-
-declare enum BoxDisplay {
-    flex = "flex",
-    block = "bloxk"
-}
-interface CommonProps {
-    className?: string;
-    style?: React__default.CSSProperties;
-    width?: Width | string;
-    height?: Height | string;
-    border?: boolean;
-    padding?: Array<Spacing>;
-    tag?: LayoutTags;
-}
-type ConditionalProps = {
-    display?: BoxDisplay.flex;
-    alignItems?: AlignItems;
-    justifyContent?: JustifyContent;
-    gap?: Spacing;
-    flexWrap?: FlexWrap;
-    flexDirection?: FlexDirection;
-    flex?: string;
-} | {
-    display?: BoxDisplay.block;
-    alignItems?: never;
-    justifyContent?: never;
-    gap?: never;
-    flexWrap?: never;
-    flexDirection?: never;
-    flex?: never;
-};
-type BoxProps = CommonProps & ConditionalProps;
-declare function Box({ className, style, children, flex, alignItems, justifyContent, display, width, flexWrap, height, border, flexDirection, padding, gap, tag, }: React__default.PropsWithChildren<BoxProps>): React__default.JSX.Element;
-declare namespace Box {
-    var display: typeof BoxDisplay;
-    var alignItems: typeof AlignItems;
-    var justifyContent: typeof JustifyContent;
-    var gap: typeof Spacing;
-    var flexDirection: typeof FlexDirection;
-    var width: typeof Width;
-    var height: typeof Height;
-    var padding: typeof Spacing;
-    var flexWrap: typeof FlexWrap;
-    var tag: typeof LayoutTags;
-}
-
-interface KeyValueDisplayScreenProps {
-    data?: {
-        key?: string;
-        value?: string | number;
-    };
-    className?: string;
-    style?: React__default.CSSProperties;
-}
-declare function KeyValueDisplayScreen({ className, style, data, }: KeyValueDisplayScreenProps): React__default.JSX.Element;
-
-interface OscilloscopeProps {
-    id?: string;
-    width?: number;
-    height?: number;
-    className?: string;
-    style?: React__default.CSSProperties;
-}
-declare function Oscilloscope({ width, height, className, style, id, }: OscilloscopeProps): React__default.JSX.Element;
-
-declare function ModuleHeader({ title, subtitle, activeItem, className, style, }: {
-    title: string;
-    subtitle: string;
-    activeItem: {
-        key: string;
-        value: string | number;
-    };
-    className?: string;
-    style?: React__default.CSSProperties;
-}): React__default.JSX.Element;
-
-declare function ModuleFooter({ className, style, }: {
-    className?: string;
-    style?: React__default.CSSProperties;
-}): React__default.JSX.Element;
-
-declare function ThemeProvider({ theme, className, children, }: React__default.PropsWithChildren<{
-    theme?: string;
-    className?: string;
-    styles?: React__default.CSSProperties;
-}>): React__default.JSX.Element;
-
-declare const clamp: (val: number, min?: number, max?: number) => number;
-declare function normalisedToScaled({ normalisedValue, properties, }: {
-    normalisedValue: number;
-    properties: JuceSliderProperties;
-}): number;
-declare function scaledToNormalised({ scaledValue, properties, }: {
-    scaledValue: number;
-    properties: JuceSliderProperties;
-}): number;
-declare const decimalToPercent: (decimal: number | string) => number;
-declare const percentToDecimal: (percent: number | string) => number;
-declare const getTransformString: ({ sliderType, sliderOrientation, polarity, normalisedValue, scaledValue, }: {
-    sliderType: SliderType;
-    sliderOrientation?: SliderOrientation;
-    polarity: SliderPolarity;
-    normalisedValue: number;
-    scaledValue: number;
-}) => {
-    transform: string;
-    transformOrigin: string;
-} | {
-    transform: string;
-    transformOrigin?: undefined;
-};
-declare const getPosition: ({ sliderType, sliderOrientation, polarity, }: {
-    sliderType: SliderType;
-    sliderOrientation?: SliderOrientation;
-    polarity: SliderPolarity;
-}) => {
-    top: string;
-    bottom: string;
-    left: string;
-    right?: undefined;
-} | {
-    right: string;
-    bottom: string;
-    left: string;
-    top?: undefined;
-} | {
-    top?: undefined;
-    bottom?: undefined;
-    left?: undefined;
-    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, normalisedToScaled, percentToDecimal, scaledToNormalised as scaledTonormalised };

package/dist/styles.css.ts

@@ -1,105 +0,0 @@
-import { createGlobalTheme, globalStyle, fontFace } from '@vanilla-extract/css';
-
-const root = createGlobalTheme('.root', {
-  spacing: {
-    none: '0px',
-    xSmall: '2px',
-    small: '4px',
-    mediumSmall: '6px',
-    medium: '8px',
-    mediumLarge: '12px',
-    large: '16px',
-    xLarge: '20px',
-  },
-  fontSizes: {
-    xSmall: '.625rem',
-    small: '.75rem',
-    medium: '.875rem',
-    large: '1rem',
-    xLarge: '1.25rem',
-    title: '1.75rem',
-  },
-  borderRadius: '4px',
-  namedColors: {
-    primary: '#BB68D9',
-    accent: '#B552D9',
-    alert: '#8a0101',
-    muted: '#595763',
-    highlighted: '#838091',
-    selected: '#999999',
-    text: {
-      default: '#BAB6CF',
-      inverse: '#1E1D21',
-    },
-    background: {
-      page: '#1E1D21',
-      section: '#1E1D21',
-      popover: '#101012',
-      input: '#1E1D21',
-    },
-    border: '#1E1D21',
-  },
-  colors: {
-    grey: {
-      100: '#C7C3DE',
-      200: '#9A96AB',
-      300: '#838091',
-      400: '#595763',
-      500: '#4C4A54',
-      600: '#2E2C33',
-      700: '#1E1D21',
-      800: '#101012',
-    },
-  },
-  fonts: {
-    heading: 'arial, sans-serif',
-    body: 'arial, sans-serif',
-    label: 'arial, sans-serif',
-  },
-});
-
-globalStyle('*', {
-  boxSizing: 'border-box',
-});
-
-globalStyle('h1, h2, h3, h4, h5', {
-  margin: '0',
-});
-
-// TODO: Use theme values here?
-globalStyle('body, html', {
-  fontSize: '16px',
-  color: '#eee',
-  fontFamily: 'arial, sans-serif',
-  margin: 0,
-  padding: 0,
-});
-
-globalStyle('input, input:hover, input:focus, input:focus-visible', {
-  background: 'transparent',
-  border: 'none',
-  outline: 'none',
-  appearance: 'textfield',
-});
-
-globalStyle('button, button:hover, button:focus, button:focus-visible', {
-  border: 'none',
-  outline: 'none',
-});
-
-globalStyle('button:disabled, input:disabled', {
-  cursor: 'not-allowed',
-});
-
-const LeagueSpartan = fontFace([
-  {
-    src: 'url(./common/assets/fonts/LeagueSpartan-Regular.ttf)',
-    fontWeight: 'normal',
-  },
-  {
-    src: 'url(./common/assets/fonts/LeagueSpartan-Thin.ttf)',
-    fontWeight: 'lighter',
-  },
-]);
-
-export { LeagueSpartan, root };

package/lib/styles.css.ts

@@ -1,104 +0,0 @@
-import { createGlobalTheme, globalStyle, fontFace } from '@vanilla-extract/css';
-
-const root = createGlobalTheme('.root', {
-  spacing: {
-    none: '0px',
-    xSmall: '2px',
-    small: '4px',
-    mediumSmall: '8px',
-    medium: '12px',
-    mediumLarge: '16px',
-    large: '20px',
-    xLarge: '24px',
-  },
-  fontSizes: {
-    xSmall: '.75rem',
-    small: '.875rem',
-    medium: '1rem',
-    large: '1.25rem',
-    xLarge: '1.5rem',
-    title: '2rem',
-  },
-  borderRadius: '3px',
-  namedColors: {
-    primary: '#2E2C33',
-    accent: '#A362BD',
-    alert: '#8a0101',
-    muted: '#595763',
-    highlighted: '#838091',
-    selected: '#999999',
-    text: {
-      default: '#BAB6CF',
-      inverse: '#1E1D21',
-    },
-    background: {
-      page: '#1E1D21',
-      section: '#1E1D21',
-      popover: '#595763',
-      input: '#4C4A54',
-    },
-    border: '#1E1D21',
-  },
-  colors: {
-    grey: {
-      100: '#C7C3DE',
-      200: '#9A96AB',
-      300: '#838091',
-      400: '#595763',
-      500: '#4C4A54',
-      600: '#2E2C33',
-      700: '#1E1D21',
-    },
-  },
-  fonts: {
-    heading: 'arial, sans-serif',
-    body: 'arial, sans-serif',
-    label: 'arial, sans-serif',
-  },
-});
-
-globalStyle('*', {
-  boxSizing: 'border-box',
-});
-
-globalStyle('h1, h2, h3, h4, h5', {
-  margin: '0',
-});
-
-// TODO: Use theme values here?
-globalStyle('body, html', {
-  fontSize: '16px',
-  color: '#eee',
-  fontFamily: 'arial, sans-serif',
-  margin: 0,
-  padding: 0,
-});
-
-globalStyle('input, input:hover, input:focus, input:focus-visible', {
-  background: 'transparent',
-  border: 'none',
-  outline: 'none',
-  appearance: 'textfield',
-});
-
-globalStyle('button, button:hover, button:focus, button:focus-visible', {
-  border: 'none',
-  outline: 'none',
-});
-
-globalStyle('button:disabled, input:disabled', {
-  cursor: 'not-allowed',
-});
-
-const LeagueSpartan = fontFace([
-  {
-    src: 'url(./LeagueSpartan-Regular.ttf)',
-    fontWeight: 'normal',
-  },
-  {
-    src: 'url(./LeagueSpartan-Thin.ttf)',
-    fontWeight: 'lighter',
-  },
-]);
-
-export { LeagueSpartan, root };