@cube-dev/ui-kit 0.0.0-canary-a6e5ff8 → 0.0.0-canary-180a8e1

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/modAttrs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a6e5ff8
+ * @cube-dev/ui-kit v0.0.0-canary-180a8e1
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-a6e5ff8",
+  "version": "0.0.0-canary-180a8e1",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/actions/index.d.ts

@@ -7,4 +7,4 @@ declare const Button: import("react").ForwardRefExoticComponent<import("./Button
 };
 export * from './Button';
 export * from './Action';
-export { Button };
+export { Button, ButtonGroup };

package/types/stories/components/StyledButton.d.ts

@@ -2,96 +2,98 @@
 export declare const StyledButton: import("react").ComponentType<{
     styles?: import("../..").Styles | undefined;
 } & {
-    color?: import("../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
-    opacity?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
-    mods?: {
-        [key: string]: boolean | null | undefined;
-    } | undefined;
-    fill?: import("../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
-    font?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-    outline?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
-    type?: string | undefined;
-    alignContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
-    alignItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
-    alignSelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
-    columnGap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
     display?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
-    flexBasis?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
-    flexGrow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
-    flexShrink?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
-    fontStyle?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
-    fontWeight?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    height?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
-    justifyContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyContent | undefined>;
-    justifyItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyItems | undefined>;
-    justifySelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
-    order?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
-    paddingBlock?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
-    paddingInline?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
-    placeContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
-    rowGap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.RowGap<string | number> | undefined>;
-    textAlign?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
-    textTransform?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
+    font?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    preset?: import("../../utils/styles").ResponsiveStyleValue<string | undefined>;
+    hide?: import("../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    opacity?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     whiteSpace?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
-    width?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
-    zIndex?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
-    border?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
-    flex?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
-    gap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Gap<string | number> | undefined>;
     gridArea?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridArea | undefined>;
+    order?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
     gridColumn?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridColumn | undefined>;
     gridRow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridRow | undefined>;
-    gridTemplate?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplate | undefined>;
-    margin?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
-    overflow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
-    padding?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
-    placeItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
     placeSelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceSelf | undefined>;
+    alignSelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignSelf | undefined>;
+    justifySelf?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifySelf | undefined>;
+    zIndex?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ZIndex | undefined>;
+    margin?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Margin<string | number> | undefined>;
     reset?: import("../../utils/styles").ResponsiveStyleValue<"input" | "button" | undefined>;
-    styledScrollbar?: import("../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
-    hide?: import("../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    padding?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Padding<string | number> | undefined>;
+    paddingInline?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingInline<string | number> | undefined>;
+    paddingBlock?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PaddingBlock<string | number> | undefined>;
     shadow?: import("../../utils/styles").ResponsiveStyleValue<string | undefined>;
+    border?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Border<string | number> | undefined>;
     radius?: import("../../utils/styles").ResponsiveStyleValue<string | true | undefined>;
-    flow?: import("../../utils/styles").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
-    gridAreas?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
+    overflow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Overflow | undefined>;
+    styledScrollbar?: import("../../utils/styles").ResponsiveStyleValue<boolean | undefined>;
+    outline?: import("../../utils/styles").ResponsiveStyleValue<boolean | import("csstype").Property.FontFamily | undefined>;
+    textAlign?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextAlign | undefined>;
+    color?: import("../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    fill?: import("../../utils/styles").ResponsiveStyleValue<string | boolean | undefined>;
+    textTransform?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
+    fontWeight?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
+    fontStyle?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
+    width?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Width<string | number> | undefined>;
+    height?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Height<string | number> | undefined>;
+    flexBasis?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexBasis<string | number> | undefined>;
+    flexGrow?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexGrow | undefined>;
+    flexShrink?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.FlexShrink | undefined>;
+    flex?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Flex<string | number> | undefined>;
+    flow?: import("../../utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
+    placeItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceItems | undefined>;
+    placeContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.PlaceContent | undefined>;
+    alignItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
+    alignContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
+    justifyItems?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyItems | undefined>;
+    justifyContent?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.JustifyContent | undefined>;
+    align?: import("../../utils/styles").ResponsiveStyleValue<(string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../utils/styles").ResponsiveStyleValue<(string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    gap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.Gap<string | number> | undefined>;
+    columnGap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.ColumnGap<string | number> | undefined>;
+    rowGap?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.RowGap<string | number> | undefined>;
     gridColumns?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
-    preset?: import("../../utils/styles").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../utils/styles").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../utils/styles").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    gridTemplate?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplate | undefined>;
+    gridAreas?: import("../../utils/styles").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
+    type?: string | undefined;
+    mods?: {
+        [key: string]: boolean | null | undefined;
+    } | undefined;
+    block?: boolean | undefined;
+    inline?: boolean | undefined;
     size?: (string & {}) | "default" | "large" | "small" | undefined;
     style?: import("react").CSSProperties | (import("react").CSSProperties & {
         [key: string]: string | number | null;
     }) | undefined;
-    block?: boolean | undefined;
-    inline?: boolean | undefined;
     element?: string | undefined;
     css?: string | ((props: import("../..").Props) => string) | undefined;
-    children?: import("react").ReactNode;
-    ref?: import("react").Ref<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>> | undefined;
-    label?: string | undefined;
-    className?: string | undefined;
-    role?: import("react").AriaRole | undefined;
     id?: string | undefined;
+    'aria-label'?: string | undefined;
+    'aria-labelledby'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-details'?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    as?: keyof HTMLElementTagNameMap | undefined;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
-    breakpoints?: number[] | undefined;
     isHidden?: boolean | undefined;
     isDisabled?: boolean | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+    href?: string | undefined;
+    target?: string | undefined;
+    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    breakpoints?: number[] | undefined;
     styleName?: string | undefined;
     theme?: string | undefined;
-    as?: keyof HTMLElementTagNameMap | undefined;
     autoFocus?: boolean | undefined;
-    href?: string | undefined;
+    label?: string | undefined;
     rel?: string | undefined;
-    target?: string | undefined;
     'aria-controls'?: string | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
     'aria-expanded'?: boolean | undefined;
     'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "dialog" | "tree" | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
     'aria-pressed'?: boolean | undefined;
     onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
@@ -100,10 +102,7 @@ export declare const StyledButton: import("react").ComponentType<{
     onClick?: import("react").MouseEventHandler<Element> | undefined;
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
-    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    icon?: import("react").ReactNode;
+    ref?: import("react").Ref<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>> | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     key?: import("react").Key | null | undefined;
@@ -114,6 +113,7 @@ export declare const StyledButton: import("react").ComponentType<{
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
     to?: string | undefined;
     htmlType?: "reset" | "button" | "submit" | undefined;
+    icon?: import("react").ReactNode;
 }>;
 export declare const GlobalStyledHeading: any;
 export declare function Block(): JSX.Element;

package/types/styles/gap.d.ts

@@ -6,11 +6,13 @@ export declare function gapStyle({ display, flow, gap }: {
     gap: any;
     $?: undefined;
 } | ({
-    [x: string]: string;
+    'margin-right': string;
+    'margin-bottom': string;
     $?: undefined;
 } | {
-    [x: string]: any;
     $: string;
+    'margin-right': any;
+    'margin-bottom': any;
 })[] | {
     [x: string]: any;
     $: string;