@veracity/vui 0.0.5 → 0.0.7

package/alert/alertButton.js

@@ -24,7 +24,7 @@ exports.AlertButton = core_1.forwardRef(function (props, ref) {
     var alertProps = (_a = context_1.useAlert()) !== null && _a !== void 0 ? _a : {};
     var mergedProps = __assign(__assign({}, alertProps), props);
     var styles = core_1.useStyleConfig('Alert', mergedProps);
-    return (react_1.default.createElement(button_1.default, __assign({ className: "vui-alertButton", colorScheme: mergedProps.colorScheme, ml: 0.5, mr: -0.5, ref: ref, size: "sm" }, styles.button, props)));
+    return (react_1.default.createElement(button_1.default, __assign({ className: "vui-alertButton", colorScheme: mergedProps.colorScheme, ml: 1, mr: -0.5, ref: ref, size: "sm" }, styles.button, props)));
 });
 exports.AlertButton.displayName = 'AlertButton';
 exports.default = exports.AlertButton;

package/core/types/component.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+/** Merges component/element base props, custom props and 'as' prop */
+export declare type ComponentProps<C extends React.ElementType, Props = {}> = RightJoinProps<React.ComponentPropsWithRef<C>, Props>;
+/** Merges props definitions, overriding source keys */
+export declare type RightJoinProps<SourceProps, OverrideProps> = OverrideProps & Omit<SourceProps, keyof OverrideProps>;
+/** VUI Component definition supporting custom props, 'as' props and 'ref' */
+export interface VuiComponent<C extends React.ElementType, Props = {}> {
+    <AsC extends React.ElementType>(props: ComponentProps<AsC, Props> & {
+        as: AsC;
+    }): JSX.Element;
+    <AsC extends React.ElementType>(props: ComponentProps<AsC, Props> & {
+        forwardedAs: AsC;
+    }): JSX.Element;
+    (props: ComponentProps<C, Props>): JSX.Element;
+    defaultProps?: Partial<ComponentProps<C, Props>>;
+    displayName?: string;
+}

package/core/types/component.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/core/types/context.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface CreateContextOptions {
+    /** Message displayed when context is used outside of the provider */
+    errorMessage?: string;
+    /** Accessing context outside of provider won't throw error */
+    isOptional?: boolean;
+    /** Name of the context */
+    name?: string;
+}
+export declare type CreateContextReturn<T> = [React.Provider<T>, () => T];

package/core/types/context.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/core/types/events.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/** Type of change event defaulted to input element */
+export declare type ChangeEvent<T = HTMLInputElement> = React.ChangeEvent<T>;
+/** Type of change event handler defaulted to input element */
+export declare type ChangeEventHandler<T = HTMLInputElement> = React.ChangeEventHandler<T>;
+/** Type of blur/focus event defaulted to any html element */
+export declare type FocusEvent<T = HTMLElement> = React.FocusEvent<T>;
+/** Type of blur/focus event handler defaulted to any html element */
+export declare type FocusEventHandler<T = HTMLElement> = React.FocusEventHandler<T>;
+/** Type of mouse event defaulted to any html element */
+export declare type MouseEvent<T = HTMLElement> = React.MouseEvent<T>;
+/** Type of mouse event handler defaulted to any html element */
+export declare type MouseEventHandler<T = HTMLElement> = React.MouseEventHandler<T>;

package/core/types/events.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/core/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './component';
+export * from './context';
+export * from './events';

package/core/types/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./component"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./events"), exports);

package/list/list.js

@@ -57,7 +57,7 @@ var listIcon_1 = __importDefault(require("./listIcon"));
 var listItem_1 = __importDefault(require("./listItem"));
 var core_1 = require("../core");
 var utils_1 = require("../utils");
-var generator = styled_components_1.compose(styled_components_1.flexboxes, styled_components_1.sizing, styled_components_1.space, styled_components_1.typography);
+var generator = styled_components_1.compose(styled_components_1.borders, styled_components_1.flexboxes, styled_components_1.sizing, styled_components_1.space, styled_components_1.typography);
 exports.ListBase = styled_components_2.default.ul.withConfig(core_1.forwardPropConfig(generator))(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t", "\n"], ["\n\t", "\n"])), generator);
 exports.List = core_1.forwardRef(function (props, ref) {
     var children = props.children, className = props.className, colorScheme = props.colorScheme, isInteractive = props.isInteractive, size = props.size, subheader = props.subheader, variant = props.variant, rest = __rest(props, ["children", "className", "colorScheme", "isInteractive", "size", "subheader", "variant"]);

package/list/list.types.d.ts

@@ -1,4 +1,4 @@
-import { FlexboxesProps, SizingProps, SpaceProps, TransitionsProps, TypographyProps } from '../system';
+import { BordersProps, FlexboxesProps, SizingProps, SpaceProps, TransitionsProps, TypographyProps } from '../system';
 import { ThemingProps } from '../theme';
 export interface ListProps extends ListStyleProps, ThemingProps<'List'> {
     colorScheme?: 'blue' | 'grey';
@@ -6,5 +6,5 @@ export interface ListProps extends ListStyleProps, ThemingProps<'List'> {
     isInteractive?: boolean;
     subheader?: string;
 }
-export interface ListStyleProps extends FlexboxesProps, SizingProps, SpaceProps, TransitionsProps, TypographyProps {
+export interface ListStyleProps extends BordersProps, FlexboxesProps, SizingProps, SpaceProps, TransitionsProps, TypographyProps {
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Veracity UI components library based on Styled Components and @xstyled",
   "main": "index.js",
   "author": "Veracity",