@antimatter-audio/antimatter-ui 5.5.3 → 5.6.0

package/dist/index.d.ts

@@ -131,6 +131,11 @@ interface JuceSliderProperties {
     numSteps?: number;
 }
 
+declare enum FLEX_DIRECTION {
+    ROW = 0,
+    COLUMN = 1
+}
+
 declare enum LAYOUT_ROLES$2 {
     MAIN = "main",
     SECTION = "section"
@@ -142,6 +147,7 @@ interface GridColProps {
     centerContentHorizontal?: boolean;
     centerContentVertical?: boolean;
     alignContentRight?: boolean;
+    flexDirection?: FLEX_DIRECTION;
     componentTheme?: {
         backgroundColor: GLOBAL_NAMED_COLORS;
         backgroundImage: string;
@@ -152,17 +158,12 @@ interface GridColProps {
     border?: boolean;
     onClick?: () => void;
 }
-declare function Col({ offset, centerContentHorizontal, centerContentVertical, alignContentRight, className, role, children, onClick, span, componentTheme, padding, style, border, }: React.PropsWithChildren<GridColProps>): React.JSX.Element;
+declare function Col({ offset, centerContentHorizontal, centerContentVertical, alignContentRight, className, role, flexDirection, children, onClick, span, componentTheme, padding, style, border, }: React.PropsWithChildren<GridColProps>): React.JSX.Element;
 declare namespace Col {
     var PADDING: typeof SPACING;
     var ROLE: typeof LAYOUT_ROLES$2;
 }
 
-declare enum FLEX_DIRECTION {
-    ROW = 0,
-    COLUMN = 1
-}
-
 declare enum LAYOUT_ROLES$1 {
     MAIN = "main",
     SECTION = "section"

package/dist/index.js

@@ -363,6 +363,12 @@ Button.SIZE = BUTTON_SIZE;
 Button.BACKGROUND = GLOBAL_NAMED_COLORS;
 Button.TEXT_COLOR = GLOBAL_NAMED_COLORS;
 
+var FLEX_DIRECTION;
+(function(FLEX_DIRECTION) {
+    FLEX_DIRECTION[FLEX_DIRECTION["ROW"] = 0] = "ROW";
+    FLEX_DIRECTION[FLEX_DIRECTION["COLUMN"] = 1] = "COLUMN";
+})(FLEX_DIRECTION || (FLEX_DIRECTION = {}));
+
 function _define_property$5(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -416,7 +422,7 @@ var LAYOUT_ROLES$2;
     LAYOUT_ROLES["SECTION"] = "section";
 })(LAYOUT_ROLES$2 || (LAYOUT_ROLES$2 = {}));
 function Col(param) {
-    var offset = param.offset, centerContentHorizontal = param.centerContentHorizontal, centerContentVertical = param.centerContentVertical, alignContentRight = param.alignContentRight, className = param.className, role = param.role, children = param.children, onClick = param.onClick, span = param.span, componentTheme = param.componentTheme, _param_padding = param.padding, padding = _param_padding === void 0 ? [
+    var offset = param.offset, centerContentHorizontal = param.centerContentHorizontal, centerContentVertical = param.centerContentVertical, alignContentRight = param.alignContentRight, className = param.className, role = param.role, flexDirection = param.flexDirection, children = param.children, onClick = param.onClick, span = param.span, componentTheme = param.componentTheme, _param_padding = param.padding, padding = _param_padding === void 0 ? [
         SPACING.NONE
     ] : _param_padding, _param_style = param.style, style = _param_style === void 0 ? {} : _param_style, _param_border = param.border, border = _param_border === void 0 ? false : _param_border;
     return /*#__PURE__*/ React.createElement("div", {
@@ -428,7 +434,7 @@ function Col(param) {
             backgroundImage: componentTheme.backgroundImage
         }),
         onClick: onClick,
-        className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', alignContentRight && 'flex-align-end', role === "main" && 'bg-main', role === "section" && 'bg-section', padding.length === 1 && 'padding-around-' + padding, padding.length === 2 && 'padding-vertical-' + padding[0], padding.length === 2 && 'padding-horizontal-' + padding[1], padding.length === 4 && 'padding-top-' + [
+        className: classnames(className, span ? 'col-xs-' + span : 'flex-auto', offset && 'col-xs-offset-' + offset, centerContentHorizontal && 'flex-align-center-horizontal', centerContentVertical && 'flex-align-center-vertical', flexDirection === FLEX_DIRECTION.COLUMN && 'flex-direction-column', alignContentRight && 'flex-align-end', role === "main" && 'bg-main', role === "section" && 'bg-section', padding.length === 1 && 'padding-around-' + padding, padding.length === 2 && 'padding-vertical-' + padding[0], padding.length === 2 && 'padding-horizontal-' + padding[1], padding.length === 4 && 'padding-top-' + [
             padding[0]
         ], padding.length === 4 && 'padding-right-' + [
             padding[1]
@@ -442,12 +448,6 @@ function Col(param) {
 Col.PADDING = SPACING;
 Col.ROLE = LAYOUT_ROLES$2;
 
-var FLEX_DIRECTION;
-(function(FLEX_DIRECTION) {
-    FLEX_DIRECTION[FLEX_DIRECTION["ROW"] = 0] = "ROW";
-    FLEX_DIRECTION[FLEX_DIRECTION["COLUMN"] = 1] = "COLUMN";
-})(FLEX_DIRECTION || (FLEX_DIRECTION = {}));
-
 function _define_property$4(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antimatter-audio/antimatter-ui",
-  "version": "5.5.3",
+  "version": "5.6.0",
   "description": "React UI component library for Antimatter Audio.",
   "repository": {
     "type": "git",