nebula-galaxy - npm Package Compare versions

Comparing version 0.3.1 to 0.3.2

dist/components/alert/alert.js

@@ -38,4 +38,4 @@ var __assign = (this && this.__assign) || function () {
             _b[styles.alertMultiLine] = isMultiLine,
-            _b)) }, { children: [_jsxs("div", __assign({ className: styles.alertContent }, { children: [_jsx("figure", __assign({ className: styles.alertIcon }, { children: iconMap[variant.toLowerCase()] })), _jsxs("div", { children: [!!title && isMultiLine && (_jsx("span", __assign({ className: cn('paragraph5 medium', styles.alertTitle) }, { children: title }))), _jsx("span", __assign({ className: cn('paragraph5', styles.alertMessage) }, { children: message })), !!actions && isMultiLine && (_jsx("div", __assign({ className: styles.alertActions }, { children: actions })))] })] })), _jsxs("div", __assign({ className: styles.alertActions }, { children: [!!actions && !isMultiLine && actions, _jsx(Button, __assign({ className: styles.alertClose, variant: "TertiaryIcon", size: "SM", onClick: handleClose }, { children: _jsx(Icon, { name: "X" }) }))] }))] })));
+            _b)) }, { children: [_jsxs("div", __assign({ className: styles.alertContent }, { children: [_jsx("figure", __assign({ className: styles.alertIcon }, { children: iconMap[variant.toLowerCase()] })), _jsxs("div", { children: [!!title && isMultiLine && (_jsx("span", __assign({ className: cn('p5 medium', styles.alertTitle) }, { children: title }))), _jsx("span", __assign({ className: cn('p5', styles.alertMessage) }, { children: message })), !!actions && isMultiLine && (_jsx("div", __assign({ className: styles.alertActions }, { children: actions })))] })] })), _jsxs("div", __assign({ className: styles.alertActions }, { children: [!!actions && !isMultiLine && actions, _jsx(Button, __assign({ className: styles.alertClose, variant: "TertiaryIcon", size: "SM", onClick: handleClose }, { children: _jsx(Icon, { name: "X" }) }))] }))] })));
 };
 export default Alert;

dist/components/callout/callout.js

@@ -38,4 +38,4 @@ var __assign = (this && this.__assign) || function () {
             _b[styles.calloutInactive] = !isActive,
-            _b)) }, { children: [_jsx("figure", __assign({ className: styles.calloutIcon }, { children: iconMap[variant.toLowerCase()] })), _jsxs("div", __assign({ className: styles.calloutContent }, { children: [title && (_jsx("div", __assign({ className: cn('paragraph3 medium', styles.calloutTitle) }, { children: title }))), _jsxs("div", __assign({ className: styles.calloutBody }, { children: [_jsx("div", __assign({ className: cn('paragraph5', styles.calloutMessage) }, { children: message })), _jsxs("div", { children: [!!metadata && (_jsx("div", __assign({ className: cn('paragraph5', styles.calloutMetadata) }, { children: metadata }))), !!action && actionPosition === 'right' && (_jsx("div", __assign({ className: cn(styles.calloutAction, styles.calloutActionRight) }, { children: action })))] })] })), !!action && actionPosition === 'bottom' && (_jsx("div", __assign({ className: cn(styles.calloutAction, styles.calloutActionBottom) }, { children: action })))] })), isCloseVisible && (_jsx(Button, __assign({ className: styles.calloutClose, variant: "TertiaryIcon", size: "SM", onClick: handleClose }, { children: _jsx(Icon, { name: "X" }) })))] })));
+            _b)) }, { children: [_jsx("figure", __assign({ className: styles.calloutIcon }, { children: iconMap[variant.toLowerCase()] })), _jsxs("div", __assign({ className: styles.calloutContent }, { children: [title && (_jsx("div", __assign({ className: cn('p3 medium', styles.calloutTitle) }, { children: title }))), _jsxs("div", __assign({ className: styles.calloutBody }, { children: [_jsx("div", __assign({ className: cn('p5', styles.calloutMessage) }, { children: message })), _jsxs("div", { children: [!!metadata && (_jsx("div", __assign({ className: cn('p5', styles.calloutMetadata) }, { children: metadata }))), !!action && actionPosition === 'right' && (_jsx("div", __assign({ className: cn(styles.calloutAction, styles.calloutActionRight) }, { children: action })))] })] })), !!action && actionPosition === 'bottom' && (_jsx("div", __assign({ className: cn(styles.calloutAction, styles.calloutActionBottom) }, { children: action })))] })), isCloseVisible && (_jsx(Button, __assign({ className: styles.calloutClose, variant: "TertiaryIcon", size: "SM", onClick: handleClose }, { children: _jsx(Icon, { name: "X" }) })))] })));
 };
 export default Callout;

dist/components/index.d.ts

@@ -5,2 +5,3 @@ export { default as Alert } from './alert';
 export { default as Button } from './button';
+export { default as ButtonGroup } from './button-group';
 export { default as Callout } from './callout';
@@ -13,5 +14,5 @@ export { default as Checkbox } from './checkbox';
 export { default as Radio } from './radio';
-export { default as TextField, PasswordTextField } from './textfield';
 export { default as Select } from './select';
 export { default as Stepper } from './stepper';
+export { default as TextField, PasswordTextField } from './textfield';
 export { default as ThemeSwitch } from './theme-switch';

dist/components/index.js

@@ -5,2 +5,3 @@ export { default as Alert } from './alert';
 export { default as Button } from './button';
+export { default as ButtonGroup } from './button-group';
 export { default as Callout } from './callout';
@@ -13,5 +14,5 @@ export { default as Checkbox } from './checkbox';
 export { default as Radio } from './radio';
-export { default as TextField, PasswordTextField } from './textfield';
 export { default as Select } from './select';
 export { default as Stepper } from './stepper';
+export { default as TextField, PasswordTextField } from './textfield';
 export { default as ThemeSwitch } from './theme-switch';

dist/components/textfield/textfield.js

@@ -46,2 +46,3 @@ var __assign = (this && this.__assign) || function () {
     var handleOnChange = function (e) {
+        setStateFootnote('');
         var value = e.target.value;
@@ -91,3 +92,4 @@ var isValidCopy = required ? !!value : true;
             _a[styles.textfieldHasValue] = !!stateValue,
-            _a[styles.textfieldHasError] = !isValid,
+            _a[styles.textfieldError] = !isValid,
+            _a[styles.textfieldDisabled] = disabled,
             _a)) }, { children: [!!label && (_jsx("label", __assign({ className: styles.textfieldLabel }, { children: label }))), _jsxs("div", __assign({ className: styles.textfieldDisplay }, { children: [_jsxs("div", __assign({ className: styles.textfieldInputContainer }, { children: [!!leftAddon && (_jsx("div", __assign({ className: styles.textfieldAddon }, { children: leftAddon }))), _jsx("input", __assign({ type: type, value: stateValue, ref: ref, onBlur: handleOnBlur, disabled: disabled, onFocus: handleOnFocus, placeholder: placeholder, onChange: handleOnChange }, rest))] })), !!rightAddon && (_jsx("div", __assign({ className: styles.textfieldAddon }, { children: rightAddon })))] })), !!stateFootnote && (_jsx("span", __assign({ className: cn('cap1', styles.textfieldFootnote) }, { children: stateFootnote })))] })));
@@ -94,0 +96,0 @@ });

package.json

 {
     "name": "nebula-galaxy",
-    "version": "0.3.1",
+    "version": "0.3.2",
     "main": "dist/index.js",
@@ -5,0 +5,0 @@ "module": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

365904

increased by0.1%

Lines of code

1576

increased by0.19%

No dependency changes