@veracity/vui 1.9.1 → 2.0.0

package/dist/cjs/theme/foundations/index.d.ts

@@ -12,6 +12,297 @@ declare const _default: {
     };
     borders: {};
     colors: {
+        buttonTypePrimaryDefaultBorderColorDark: string;
+        buttonTypePrimaryDefaultBackgroundColorDark: string;
+        buttonTypePrimaryDefaultTextColorDark: string;
+        buttonTypePrimaryHoverBackgroundColorDark: string;
+        buttonTypePrimaryHoverBorderColorDark: string;
+        buttonTypePrimaryHoverTextColorDark: string;
+        buttonTypePrimaryActiveBackgroundColorDark: string;
+        buttonTypePrimaryActiveBorderColorDark: string;
+        buttonTypePrimaryActiveTextColorDark: string;
+        buttonTypePrimaryDefaultBorderColorLight: string;
+        buttonTypePrimaryDefaultBackgroundColorLight: string;
+        buttonTypePrimaryDefaultTextColorLight: string;
+        buttonTypePrimaryFocusOutline: string;
+        buttonTypePrimaryHoverBackgroundColorLight: string;
+        buttonTypePrimaryHoverBorderColorLight: string;
+        buttonTypePrimaryHoverTextColorLight: string;
+        buttonTypePrimaryActiveBackgroundColorLight: string;
+        buttonTypePrimaryActiveBorderColorLight: string;
+        buttonTypePrimaryActiveTextColorLight: string;
+        buttonTypeSecondaryDefaultBorderColorDark: string;
+        buttonTypeSecondaryDefaultBackgroundColorDark: string;
+        buttonTypeSecondaryDefaultTextColorDark: string;
+        buttonTypeSecondaryFocusOutline: string;
+        buttonTypeSecondaryHoverBackgroundColorDark: string;
+        buttonTypeSecondaryHoverBorderColorDark: string;
+        buttonTypeSecondaryHoverTextColorDark: string;
+        buttonTypeSecondaryActiveBackgroundColorDark: string;
+        buttonTypeSecondaryActiveBorderColorDark: string;
+        buttonTypeSecondaryActiveTextColorDark: string;
+        buttonTypeSecondaryDefaultBorderColorLight: string;
+        buttonTypeSecondaryDefaultBackgroundColorLight: string;
+        buttonTypeSecondaryDefaultTextColorLight: string;
+        buttonTypeSecondaryHoverBackgroundColorLight: string;
+        buttonTypeSecondaryHoverBorderColorLight: string;
+        buttonTypeSecondaryHoverTextColorLight: string;
+        buttonTypeSecondaryActiveBackgroundColorLight: string;
+        buttonTypeSecondaryActiveBorderColorLight: string;
+        buttonTypeSecondaryActiveTextColorLight: string;
+        buttonTypeTertiaryDefaultBorderColorDark: string;
+        buttonTypeTertiaryDefaultBackgroundColorDark: string;
+        buttonTypeTertiaryDefaultTextColorDark: string;
+        buttonTypeTertiaryHoverBackgroundColorDark: string;
+        buttonTypeTertiaryHoverBorderColorDark: string;
+        buttonTypeTertiaryHoverTextColorDark: string;
+        buttonTypeTertiaryFocusOutline: string;
+        buttonTypeTertiaryActiveBackgroundColorDark: string;
+        buttonTypeTertiaryActiveBorderColorDark: string;
+        buttonTypeTertiaryActiveTextColorDark: string;
+        buttonTypeTertiaryDefaultBorderColorLight: string;
+        buttonTypeTertiaryDefaultBackgroundColorLight: string;
+        buttonTypeTertiaryDefaultTextColorLight: string;
+        buttonTypeTertiaryHoverBackgroundColorLight: string;
+        buttonTypeTertiaryHoverBorderColorLight: string;
+        buttonTypeTertiaryHoverTextColorLight: string;
+        buttonTypeTertiaryActiveBackgroundColorLight: string;
+        buttonTypeTertiaryActiveBorderColorLight: string;
+        buttonTypeTertiaryActiveTextColorLight: string;
+        buttonDisabledCursor: string;
+        buttonDisabledOpacity: string;
+        darkBlue: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            18: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        digiGreen: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            78: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        earth: {
+            95: string;
+            89: string;
+            85: string;
+            80: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        energyRed: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            54: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        focusColor: string;
+        landGreen: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            41: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        sandstone: {
+            95: string;
+            90: string;
+            85: string;
+            79: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        seaBlue: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            28: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        skyBlue: {
+            97: string;
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            77: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        sunflower: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            73: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        terracotta: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            55: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
+        warmGrey: {
+            95: string;
+            90: string;
+            85: string;
+            80: string;
+            75: string;
+            70: string;
+            65: string;
+            60: string;
+            56: string;
+            50: string;
+            45: string;
+            40: string;
+            35: string;
+            30: string;
+            25: string;
+            20: string;
+            15: string;
+            10: string;
+            5: string;
+        };
         blue: {
             10: string;
             20: string;
@@ -121,7 +412,6 @@ declare const _default: {
         regular: string;
         medium: string;
         demi: string;
-        bold: string;
     };
     gridTemplateColumns: {
         1: string;
@@ -150,6 +440,7 @@ declare const _default: {
         sm: number;
         md: number;
         lg: number;
+        xl: number;
         round: number;
     };
     ringWidths: {};

package/dist/cjs/theme/foundations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,wBAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,wBAqBC"}

package/dist/cjs/theme/foundations/radii.d.ts

@@ -1,8 +1,13 @@
 declare const _default: {
     none: number;
+    /** sm radius. @deprecated */
     sm: number;
+    /** md radius. @deprecated */
     md: number;
+    /** lg radius. @deprecated */
     lg: number;
+    /** xl radius. @deprecated */
+    xl: number;
     round: number;
 };
 export default _default;

package/dist/cjs/theme/foundations/radii.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radii.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/radii.ts"],"names":[],"mappings":";;;;;;;AAAA,wBAMC"}
+{"version":3,"file":"radii.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/radii.ts"],"names":[],"mappings":";;IAEE,6BAA6B;;IAE7B,6BAA6B;;IAE7B,6BAA6B;;IAE7B,6BAA6B;;;;AAR/B,wBAWC"}

package/dist/cjs/theme/foundations/radii.js

@@ -2,8 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
     none: 0,
-    sm: 4,
-    md: 6,
-    lg: 10,
+    /** sm radius. @deprecated */
+    sm: 0,
+    /** md radius. @deprecated */
+    md: 2,
+    /** lg radius. @deprecated */
+    lg: 4,
+    /** xl radius. @deprecated */
+    xl: 6,
     round: 9999
 };

package/dist/cjs/toast/useToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/toast/useToast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAEvE,eAAO,MAAM,eAAe,SAAS,CAAA;AACrC,eAAO,MAAM,iBAAiB,OAAO,CAAA;AACrC,eAAO,MAAM,iBAAiB,OAAO,CAAA;AAWrC,eAAO,MAAM,QAAQ;0BAKU,YAAY,KAAG,IAAI;oBAFzB,MAAM;qBAoCL,SAAS,aAAY,aAAa;wBAE/B,SAAS,aAAY,aAAa;wBAElC,SAAS,aAAY,aAAa;sBAEpC,SAAS,aAAY,aAAa;wBAEhC,SAAS,aAAY,aAAa;CAI9D,CAAA"}
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/toast/useToast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAEvE,eAAO,MAAM,eAAe,SAAS,CAAA;AACrC,eAAO,MAAM,iBAAiB,OAAO,CAAA;AACrC,eAAO,MAAM,iBAAiB,OAAO,CAAA;AAWrC,eAAO,MAAM,QAAQ;0BAKU,YAAY,KAAG,IAAI;oBAFzB,MAAM;qBAqCL,SAAS,aAAY,aAAa;wBAE/B,SAAS,aAAY,aAAa;wBAElC,SAAS,aAAY,aAAa;sBAEpC,SAAS,aAAY,aAAa;wBAEhC,SAAS,aAAY,aAAa;CAI9D,CAAA"}

package/dist/cjs/toast/useToast.js

@@ -32,7 +32,7 @@ const useToast = () => {
         const onClose = () => hideToast(id);
         const toast = {
             id,
-            component: (react_1.default.createElement(notification_1.Notification, { action: action, animation: "fadeDown", icon: icon, mt: { md: 1, sm: '4px', xs: '4px' }, onClose: onClose, shadow: 1, status: status, text: text, title: title, w: 1 }))
+            component: (react_1.default.createElement(notification_1.Notification, { action: action, animation: "fadeDown", icon: icon, mt: { md: 1, sm: '4px', xs: '4px' }, onClose: onClose, shadow: 3, status: status, text: text, title: title, verticalAlign: "center", w: 1 }))
         };
         addToast(toast);
         if (duration && duration !== 'sticky')

package/dist/cjs/tutorial/tutorialCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eA0HnB"}
+{"version":3,"file":"tutorialCard.d.ts","sourceRoot":"","sources":["../../../src/tutorial/tutorialCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAyC,MAAM,kBAAkB,CAAA;AAG3F,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,UAAe,EACtB,SAAS,EACT,QAAQ,EACT,EAAE,iBAAiB,eAiInB"}

package/dist/cjs/tutorial/tutorialCard.js

@@ -51,15 +51,15 @@ function TutorialCard({ className, description, title, readMoreLink, steps: prop
     return (react_1.default.createElement(index_1.Card, { bg: "blue.100", className: className, color: "white", column: true, justifyContent: "space-between", minH: 200, w: 450 },
         react_1.default.createElement(index_1.Box, { alignContent: "center", alignItems: "center", display: "flex", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", m: 2, mb: 1, minH: "48px", row: true, style: { WebkitFlexGrow: '0' } },
             react_1.default.createElement(index_1.H3, null, title),
-            !isFinalStep && (react_1.default.createElement(index_1.Button, { color: "white", hoverColor: "prussian.80", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "text" }))),
+            !isFinalStep && (react_1.default.createElement(index_1.Button, { color: "white", hoverColor: "prussian.80", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryDark" }))),
         react_1.default.createElement(index_1.Box, { column: true, flex: 5, hidden: started, mx: 2 },
             react_1.default.createElement(index_1.T, { flexGrow: 1 }, description),
             react_1.default.createElement(index_1.Box, { alignItems: "center", flexDirection: "row-reverse", row: true },
                 react_1.default.createElement(index_1.Button, { bg: "white", color: "prussian.80", float: "right", mb: 0, onClick: () => setStarted(true), pb: 0 }, "Let's get started!"))),
         react_1.default.createElement(index_1.Box, { flex: 5, hidden: !started, mx: 2, row: true }, (_a = steps === null || steps === void 0 ? void 0 : steps.map) === null || _a === void 0 ? void 0 : _a.call(steps, s => (react_1.default.createElement(tutorialStep_1.TutorialStep, { active: s.key === activeStep, description: s.step.description, key: s.step.title, readMoreLink: s.step.readMoreLink, title: s.step.title })))),
         react_1.default.createElement(index_1.Box, { alignItems: "center", flex: 0, flexGrow: 0, hidden: !started, justifyContent: "space-between", m: 2, mt: 0, row: true, style: { WebkitFlexGrow: '0' } },
-            react_1.default.createElement(index_1.Button, { color: "white", disabled: isStartStep, disabledBg: "blue.100", disabledBorderColor: "blue.100", disabledColor: "prussian.80", focusBorderColor: "none", hoverBg: "none", hoverBorder: "none", hoverBorderColor: "blue.100", icon: "falArrowLeft", onClick: decrementStep, scale: 2, transition: "none", variant: "text", w: "80" }),
+            react_1.default.createElement(index_1.Button, { color: "white", disabled: isStartStep, disabledBg: "blue.100", disabledBorderColor: "blue.100", disabledColor: "prussian.80", focusBorderColor: "none", hoverBg: "none", hoverBorder: "none", hoverBorderColor: "blue.100", icon: "falArrowLeft", onClick: decrementStep, scale: 2, transition: "none", variant: "tertiaryDark", w: "80" }),
             react_1.default.createElement(index_1.Box, { className: "vuiTutorialStepDots" }, (_b = steps === null || steps === void 0 ? void 0 : steps.map) === null || _b === void 0 ? void 0 : _b.call(steps, s => (react_1.default.createElement(index_1.Icon, { color: s.key === activeStep ? 'white' : 'grey.70', key: s.key, name: "cusDotFull" })))),
-            isFinalStep ? (react_1.default.createElement(index_1.Button, { bg: "white", color: "prussian.80", hoverBg: "blue.30", hoverColor: "prussian.80", onClick: onFinish }, "Finish")) : (react_1.default.createElement(index_1.Button, { color: "white", focusBorderColor: "none", hoverBg: "none", hoverBorder: "none", hoverBorderColor: "blue.100", icon: "falArrowRight", onClick: incrementStep, scale: 2, transition: "none", variant: "text", w: "80" })))));
+            isFinalStep ? (react_1.default.createElement(index_1.Button, { bg: "white", color: "prussian.80", hoverBg: "blue.30", hoverColor: "prussian.80", onClick: onFinish }, "Finish")) : (react_1.default.createElement(index_1.Button, { color: "white", focusBorderColor: "none", hoverBg: "none", hoverBorder: "none", hoverBorderColor: "blue.100", icon: "falArrowRight", onClick: incrementStep, scale: 2, transition: "none", variant: "tertiaryDark", w: "80" })))));
 }
 exports.TutorialCard = TutorialCard;

package/dist/esm/avatar/avatar.js

@@ -23,7 +23,7 @@ export const AvatarBase = styled.spanBox `
 export const Avatar = vui((props, ref) => {
     const { children, className, getInitials = defaultGetInitials, icon, isInteractive = props.onClick !== undefined, isSquare, name = '', src, ...rest } = omitThemingProps(props);
     const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig('Avatar', props);
-    const borderRadius = isSquare ? 'lg' : '50%';
+    const borderRadius = isSquare ? 'none' : '50%';
     const initials = getInitials(name);
     const interactiveProps = isInteractive
         ? {

package/dist/esm/badge/badge.d.ts

@@ -0,0 +1,9 @@
+import { BadgeProps } from './badge.types';
+/**
+ * Badges are round, non-interactive tags.
+ *
+ * These components are used for displaying information only; they might be used as a “counter” for push notifications.
+ */
+export declare const Badge: import("../core").VuiComponent<"span", BadgeProps>;
+export default Badge;
+//# sourceMappingURL=badge.d.ts.map

package/dist/esm/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG1C;;;;GAIG;AAEH,eAAO,MAAM,KAAK,oDAmBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/esm/badge/badge.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { vui } from '../core';
+import { Tag } from '../tag';
+import theme from './theme';
+/**
+ * Badges are round, non-interactive tags.
+ *
+ * These components are used for displaying information only; they might be used as a “counter” for push notifications.
+ */
+export const Badge = vui(props => {
+    const { variant, ...rest } = props;
+    const { variants } = theme ?? {};
+    const bg = variants[variant ?? 'subtleSandstone'].container.bg;
+    const color = variants[variant ?? 'subtleSandstone'].container.color;
+    return (React.createElement(Tag, { bg: bg, className: "vui-badge", color: color, isInteractive: false, isRound: true, minW: "20px", ...rest, onDelete: undefined }));
+});
+export default Badge;

package/dist/esm/badge/badge.types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { IconProp } from '../icon';
+import { SystemProps } from '../system';
+import { TagInnerProps } from '../tag';
+import { ThemingProps } from '../theme';
+export declare type BadgeInnerProps = {
+    /** Icon that replaces any other content. */
+    icon?: IconProp | JSX.Element;
+    /** Socket displaying icon on the left side. */
+    iconLeft?: IconProp | JSX.Element;
+    /** Socket displaying icon on the right side. */
+    iconRight?: IconProp | JSX.Element;
+    /** Socket displaying text as alternative to children. */
+    text?: React.ReactNode;
+};
+export declare type BadgeProps = SystemProps & ThemingProps<'Badge'> & TagInnerProps & BadgeInnerProps;
+//# sourceMappingURL=badge.types.d.ts.map

package/dist/esm/badge/badge.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.types.d.ts","sourceRoot":"","sources":["../../../src/badge/badge.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,eAAe,GAAG;IAC5B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,yDAAyD;IACzD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED,oBAAY,UAAU,GAAG,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,GAAG,aAAa,GAAG,eAAe,CAAA"}

package/dist/esm/badge/badge.types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/badge/index.d.ts

@@ -0,0 +1,3 @@
+export * from './badge';
+export { default } from './badge';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/esm/badge/index.js

@@ -0,0 +1,2 @@
+export * from './badge';
+export { default } from './badge';

package/dist/esm/badge/theme.d.ts

@@ -0,0 +1,130 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+    parts: string[];
+    sizes: {
+        xs: {
+            container: {
+                borderRadius: string;
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+        };
+        sm: {
+            container: {
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+        };
+        md: {
+            container: {
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+        };
+        lg: {
+            container: {
+                fontSize: string;
+                h: number;
+                spaceX: number;
+            };
+            icon: {
+                size: string;
+            };
+        };
+    };
+    variants: {
+        subtleSandstone: {
+            container: {
+                bg: string;
+                color: string;
+                borderColor: string;
+            };
+        };
+        subtleEarth: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        subtleBlue: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        subtleBlue2: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        subtleRed: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        subtleYellow: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        subtleGreen: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        /** solids next */
+        solidBlue: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        solidDarkBlue: {
+            container: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+        };
+        solidRed: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        solidYellow: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+        solidGreen: {
+            container: {
+                bg: string;
+                color: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/esm/badge/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/badge/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAkGE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCpB,wBAMC"}