@uxf/ui 11.50.0 → 11.51.1

package/announcement-bar/README.md

@@ -0,0 +1,24 @@
+# Announcement bar
+
+Figma: <a href="https://www.figma.com/design/InhbHrNUhDGbBvRDRonXsD/Vent-UI?node-id=3613-945">zde</a>
+
+## Usage
+
+```tsx
+import { AnnouncementBar } from "./announcement-bar";
+
+function Example() {
+    return (
+        <AnnouncementBar color="negative">Announcement...</AnnouncementBar>
+    );
+}
+```
+
+## CSS dependencies
+
+```css
+@import url("@uxf/ui/icon-button/icon-button.css");
+@import url("@uxf/ui/announcement-bar/announcement-bar.css");
+@import url("@uxf/ui/css/figma-colors.css");
+@import url("@uxf/ui/css/icon.css");
+```

package/announcement-bar/announcement-bar.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+import { IconName } from "../icon/types";
+import { AnnouncementBarColor } from "./theme";
+export interface AnnouncementBarProps {
+    children: ReactNode;
+    color?: AnnouncementBarColor;
+    icon?: IconName | false;
+}
+export declare const AnnouncementBar: React.ForwardRefExoticComponent<AnnouncementBarProps & React.RefAttributes<HTMLDivElement>>;

package/announcement-bar/announcement-bar.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnnouncementBar = void 0;
+const hide_1 = require("@uxf/core-react/components/hide");
+const react_1 = __importStar(require("react"));
+const icon_1 = require("../icon");
+const get_default_icon_name_1 = require("../utils/get-default-icon-name");
+exports.AnnouncementBar = (0, react_1.forwardRef)((props, ref) => {
+    var _a;
+    const color = (_a = props.color) !== null && _a !== void 0 ? _a : "warning";
+    return (react_1.default.createElement("div", { className: `uxf-announcement-bar uxf-announcement-bar--${color}`, ref: ref },
+        react_1.default.createElement("div", { className: "uxf-announcement-bar__text-wrapper" },
+            react_1.default.createElement(hide_1.Hide, { when: props.icon === false },
+                react_1.default.createElement(icon_1.Icon, { className: "uxf-announcement-bar__icon", name: props.icon || (0, get_default_icon_name_1.getDefaultIconName)(color), size: 24 })),
+            props.children)));
+});
+exports.AnnouncementBar.displayName = "UxfUiAnnouncementBar";

package/announcement-bar/announcement-bar.spec.d.ts

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

package/announcement-bar/announcement-bar.spec.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const snap_test_1 = require("../utils/snap-test");
+const announcement_bar_stories_1 = require("./announcement-bar.stories");
+(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(announcement_bar_stories_1.Default, null));

package/announcement-bar/announcement-bar.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/announcement-bar/announcement-bar.stories.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const react_1 = __importDefault(require("react"));
+const announcement_bar_1 = require("./announcement-bar");
+const announcement = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus faucibus molestie nisl. Cras elementum.";
+function Default() {
+    return (react_1.default.createElement("div", { className: "grid gap-y-2" },
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, null,
+            "Default: ",
+            announcement),
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { color: "positive" },
+            "Positive: ",
+            announcement),
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { color: "negative" },
+            "Negative: ",
+            announcement),
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { color: "info" },
+            "Info: ",
+            announcement),
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { color: "brand" },
+            "Brand: ",
+            announcement),
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { color: "neutral" },
+            "Neutral: ",
+            announcement),
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { color: "brand", icon: false },
+            "No icon: ",
+            announcement),
+        react_1.default.createElement(announcement_bar_1.AnnouncementBar, { color: "neutral", icon: "chevronDown" },
+            "Custom icon: ",
+            announcement)));
+}

package/announcement-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { AnnouncementBar } from "./announcement-bar";
+export type { AnnouncementBarProps } from "./announcement-bar";

package/announcement-bar/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnnouncementBar = void 0;
+var announcement_bar_1 = require("./announcement-bar");
+Object.defineProperty(exports, "AnnouncementBar", { enumerable: true, get: function () { return announcement_bar_1.AnnouncementBar; } });

package/announcement-bar/theme.d.ts

@@ -0,0 +1,9 @@
+export interface AnnouncementBarColors {
+    brand: true;
+    info: true;
+    negative: true;
+    neutral: true;
+    positive: true;
+    warning: true;
+}
+export type AnnouncementBarColor = keyof AnnouncementBarColors;

package/announcement-bar/theme.js

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

package/combobox/combobox.js

@@ -86,7 +86,7 @@ function Combobox(props) {
     const isNotInteractive = props.isDisabled || props.isReadOnly;
     return (react_3.default.createElement(react_2.Combobox, { as: "div", by: "id", className: (0, cx_1.cx)("uxf-form-component uxf-combobox", props.isInvalid && classes_1.CLASSES.IS_INVALID, props.isRequired && classes_1.CLASSES.IS_REQUIRED, props.isReadOnly && classes_1.CLASSES.IS_READONLY, props.isDisabled && classes_1.CLASSES.IS_DISABLED, props.className), "data-name": props.name, disabled: isNotInteractive, form: props.form, name: props.name, onChange: onChange, style: props.style, value: selectedOption }, (renderProps) => (react_3.default.createElement(react_3.default.Fragment, null,
         react_3.default.createElement("div", { className: "uxf-form-component__label" },
-            react_3.default.createElement(react_2.Combobox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
+            react_3.default.createElement(react_2.Combobox.Label, { as: label_1.Label, isHidden: props.hiddenLabel, isRequired: props.isRequired, onClick: isNotInteractive ? undefined : input.focus }, props.label)),
         react_3.default.createElement("div", { className: "uxf-form-component__input" },
             react_3.default.createElement(react_2.Combobox.Button, { "aria-describedby": errorId, "aria-invalid": props.isInvalid, as: input_1.Input, className: (0, cx_1.cx)("uxf-combobox__button", dropdown.placement === "bottom" && `${classes_1.CLASSES.IS_OPEN}--bottom`, dropdown.placement === "top" && `${classes_1.CLASSES.IS_OPEN}--top`, renderProps.open && classes_1.CLASSES.IS_OPEN), customInputElementDisplayName: react_2.Combobox.Input.displayName, inputFocus: input, inputGroupRef: stableRef, inputWrapperRef: props.inputWrapperRef, isDisabled: props.isDisabled, isFocused: renderProps.open, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, ref: props.inputRef, size: props.size, variant: props.variant },
                 props.leftAddon && react_3.default.createElement(input_1.Input.LeftAddon, null, props.leftAddon),

package/components.d.ts

@@ -1,4 +1,5 @@
 import * as alertBubbleStories from "./alert-bubble/alert-bubble.stories";
+import * as announcementBarStories from "./announcement-bar/announcement-bar.stories";
 import * as avatarStories from "./avatar/avatar.stories";
 import * as avatarFileInputStories from "./avatar-file-input/avatar-file-input.stories";
 import * as badgeStories from "./badge/badge.stories";
@@ -63,6 +64,10 @@ export declare const components: {
         readonly title: "AlertBubble";
         readonly stories: typeof alertBubbleStories;
     };
+    readonly "announcement-bar": {
+        readonly title: "AnnouncementBar";
+        readonly stories: typeof announcementBarStories;
+    };
     readonly avatar: {
         readonly title: "Avatar";
         readonly stories: typeof avatarStories;

package/components.js

@@ -26,6 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.components = void 0;
 // generated file
 const alertBubbleStories = __importStar(require("./alert-bubble/alert-bubble.stories"));
+const announcementBarStories = __importStar(require("./announcement-bar/announcement-bar.stories"));
 const avatarStories = __importStar(require("./avatar/avatar.stories"));
 const avatarFileInputStories = __importStar(require("./avatar-file-input/avatar-file-input.stories"));
 const badgeStories = __importStar(require("./badge/badge.stories"));
@@ -90,6 +91,10 @@ exports.components = {
         title: "AlertBubble",
         stories: alertBubbleStories
     },
+    "announcement-bar": {
+        title: "AnnouncementBar",
+        stories: announcementBarStories
+    },
     "avatar": {
         title: "Avatar",
         stories: avatarStories

package/css/announcement-bar.css

@@ -0,0 +1,50 @@
+.uxf-announcement-bar {
+    --announcement-bar-bg-color: transparent;
+    --announcement-bar-color: theme("colors.base_text_inverted_high_emphasis");
+
+    @apply transition;
+
+    align-items: center;
+    background-color: var(--announcement-bar-bg-color);
+    color: var(--announcement-bar-color);
+    display: flex;
+    font-size: theme("fontSize.sm");
+    font-weight: theme("fontWeight.medium");
+    justify-content: center;
+    min-height: 40px;
+    min-width: 240px;
+    padding: 0 theme("spacing.1");
+
+    &__text-wrapper {
+        align-items: center;
+        display: flex;
+        gap: theme("spacing.2");
+        margin-inline: auto;
+        max-width: theme("containers.xl");
+        padding: theme("spacing.1");
+    }
+
+    &--brand {
+        --announcement-bar-bg-color: theme("colors.brand_surface_default");
+    }
+
+    &--info {
+        --announcement-bar-bg-color: theme("colors.info_surface_default");
+    }
+
+    &--negative {
+        --announcement-bar-bg-color: theme("colors.negative_surface_default");
+    }
+
+    &--neutral {
+        --announcement-bar-bg-color: theme("colors.neutral_surface_default");
+    }
+
+    &--positive {
+        --announcement-bar-bg-color: theme("colors.positive_surface_default");
+    }
+
+    &--warning {
+        --announcement-bar-bg-color: theme("colors.warning_surface_default");
+    }
+}

package/css/message.css

@@ -21,8 +21,6 @@
     }
 
     &--variant-centered {
-        --panel-max-w: 360px;
-
         .uxf-message__content-wrapper {
             align-items: center;
             display: flex;
@@ -49,8 +47,6 @@
     }
 
     &--variant-simple {
-        --panel-max-w: 320px;
-
         .uxf-message__content-wrapper {
             display: flex;
             flex-direction: column;

package/dropzone/dropzone-list.js

@@ -28,19 +28,13 @@ exports.DropzoneList = DropzoneList;
 const hide_1 = require("@uxf/core-react/components/hide");
 const classes_1 = require("@uxf/core/constants/classes");
 const cx_1 = require("@uxf/core/utils/cx");
+const format_bytes_1 = require("@uxf/core/utils/format-bytes");
 const context_1 = require("@uxf/ui/context");
 const icon_1 = require("@uxf/ui/icon");
 const loader_1 = require("@uxf/ui/loader");
 const get_file_url_1 = require("@uxf/ui/utils/files/get-file-url");
 const react_1 = __importStar(require("react"));
 const get_file_icon_1 = require("../utils/files/get-file-icon");
-function formatBytes(bytes, decimals = 2) {
-    const k = 1024;
-    const dm = decimals < 0 ? 0 : decimals;
-    const sizes = ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-    const i = Math.floor(Math.log(bytes) / Math.log(k));
-    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
-}
 function DropzoneList(props) {
     var _a, _b, _c;
     const context = (0, react_1.useContext)(context_1.UiContext);
@@ -77,7 +71,7 @@ function DropzoneList(props) {
                     (context === null || context === void 0 ? void 0 : context.domain) && file.id > 0 ? (react_1.default.createElement("a", { className: "uxf-dropzone-list__item__block__file-name-link", download: props.isDownloadableOnClick ? file.name : undefined, href: (0, get_file_url_1.getFileUrl)(context.domain, file), rel: !props.isDownloadableOnClick ? "noreferrer noopenner" : undefined, target: !props.isDownloadableOnClick ? "_blank" : undefined }, file.name)) : (react_1.default.createElement("span", { className: "uxf-dropzone-list__item__block__file-name" }, file.name))),
                 react_1.default.createElement("div", { className: "uxf-dropzone-list__item__block" },
                     isUploading ? (react_1.default.createElement(loader_1.Loader, { size: "sm" })) : (!file.error &&
-                        ((_c = file.originalFile) === null || _c === void 0 ? void 0 : _c.size) && (react_1.default.createElement("span", { className: "uxf-dropzone-list__item__block__file-size" }, formatBytes(file.originalFile.size)))),
+                        ((_c = file.originalFile) === null || _c === void 0 ? void 0 : _c.size) && (react_1.default.createElement("span", { className: "uxf-dropzone-list__item__block__file-size" }, (0, format_bytes_1.formatBytes)(file.originalFile.size)))),
                     react_1.default.createElement(hide_1.Hide, { when: Boolean(props.isDisabled) },
                         react_1.default.createElement("button", { className: "uxf-dropzone-list__item__block__remove-button", onClick: onRemove(file, isUploading), type: "button" },
                             react_1.default.createElement(icon_1.Icon, { className: "uxf-dropzone-list__item__block__remove-button__icon", name: "xmarkLarge" }))))),

package/message/message.d.ts

@@ -1,5 +1,6 @@
 import { MessageColor, MessageVariant } from "@uxf/ui/message/theme";
 import React, { ReactNode } from "react";
+import { DialogPanelWidth } from "../dialog";
 import { IconName } from "../icon/types";
 export interface MessageProps {
     CustomIconComponent?: ReactNode;
@@ -14,6 +15,7 @@ export interface MessageProps {
     onCancel?: () => void;
     title: string;
     variant?: MessageVariant;
+    width?: DialogPanelWidth;
 }
 export interface MessageRef {
     close: () => void;

package/message/message.js

@@ -26,13 +26,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Message = void 0;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importStar(require("react"));
-const dialog_1 = require("../dialog/dialog");
+const dialog_1 = require("../dialog");
+const dialog_2 = require("../dialog/dialog");
 const message_content_1 = require("./message-content");
-const getMessageContent = (newMessage, closeDialog) => (react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: newMessage.CustomIconComponent, acceptLabel: newMessage.acceptLabel, cancelLabel: newMessage.cancelLabel, color: newMessage.color, description: newMessage.description, icon: newMessage.icon, onAccept: newMessage.onAccept, onCancel: newMessage.onCancel, onClose: closeDialog, title: newMessage.title, variant: newMessage.variant }, newMessage.children));
+const getMessageContent = (newMessage, closeDialog) => {
+    var _a;
+    return (react_1.default.createElement(dialog_1.DialogPanel, { width: (_a = newMessage.width) !== null && _a !== void 0 ? _a : (newMessage.variant === "centered" ? "sm" : "xs") },
+        react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: newMessage.CustomIconComponent, acceptLabel: newMessage.acceptLabel, cancelLabel: newMessage.cancelLabel, color: newMessage.color, description: newMessage.description, icon: newMessage.icon, onAccept: newMessage.onAccept, onCancel: newMessage.onCancel, onClose: closeDialog, title: newMessage.title, variant: newMessage.variant }, newMessage.children)));
+};
 exports.Message = (0, react_1.forwardRef)((props, ref) => {
     var _a;
     const [content, setContent] = (0, react_1.useState)();
-    const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)({ isBackdropCloseDisabled: true });
+    const { openDialog, DialogProvider, closeDialog } = (0, dialog_2.useDialog)({ isBackdropCloseDisabled: true });
     const openMessage = (newMessage) => {
         openDialog(getMessageContent(newMessage, closeDialog));
         setContent(newMessage);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.50.0",
+    "version": "11.51.1",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,10 +23,10 @@
     "dependencies": {
         "@floating-ui/react": "0.26.28",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.47.0",
-        "@uxf/core-react": "11.50.0",
+        "@uxf/core": "11.51.0",
+        "@uxf/core-react": "11.51.0",
         "@uxf/datepicker": "11.50.0",
-        "@uxf/styles": "11.47.0",
+        "@uxf/styles": "11.51.0",
         "color2k": "2.0.3",
         "dayjs": "1.11.13",
         "jump.js": "1.0.2",

package/readmes.d.ts

@@ -1,6 +1,7 @@
 import alertBubbleReadme from "./alert-bubble/README.md";
 export declare const readmes: {
     readonly "alert-bubble": typeof alertBubbleReadme;
+    readonly "announcement-bar": typeof alertBubbleReadme;
     readonly avatar: typeof alertBubbleReadme;
     readonly "avatar-file-input": typeof alertBubbleReadme;
     readonly badge: typeof alertBubbleReadme;

package/readmes.js

@@ -6,124 +6,126 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.readmes = void 0;
 // generated file
 const README_md_1 = __importDefault(require("./alert-bubble/README.md"));
-const README_md_2 = __importDefault(require("./avatar/README.md"));
-const README_md_3 = __importDefault(require("./avatar-file-input/README.md"));
-const README_md_4 = __importDefault(require("./badge/README.md"));
-const README_md_5 = __importDefault(require("./button/README.md"));
-const README_md_6 = __importDefault(require("./button-group/README.md"));
-const README_md_7 = __importDefault(require("./button-list/README.md"));
-const README_md_8 = __importDefault(require("./calendar/README.md"));
-const README_md_9 = __importDefault(require("./checkbox/README.md"));
-const README_md_10 = __importDefault(require("./checkbox-button/README.md"));
-const README_md_11 = __importDefault(require("./checkbox-input/README.md"));
-const README_md_12 = __importDefault(require("./checkbox-list/README.md"));
-const README_md_13 = __importDefault(require("./chip/README.md"));
-const README_md_14 = __importDefault(require("./color-radio/README.md"));
-const README_md_15 = __importDefault(require("./color-radio-group/README.md"));
-const README_md_16 = __importDefault(require("./combobox/README.md"));
-const README_md_17 = __importDefault(require("./date-picker/README.md"));
-const README_md_18 = __importDefault(require("./date-picker-input/README.md"));
-const README_md_19 = __importDefault(require("./date-range-picker/README.md"));
-const README_md_20 = __importDefault(require("./date-range-picker-input/README.md"));
-const README_md_21 = __importDefault(require("./datetime-picker/README.md"));
-const README_md_22 = __importDefault(require("./datetime-picker-input/README.md"));
-const README_md_23 = __importDefault(require("./dialog/README.md"));
-const README_md_24 = __importDefault(require("./dropdown/README.md"));
-const README_md_25 = __importDefault(require("./dropzone/README.md"));
-const README_md_26 = __importDefault(require("./error-message/README.md"));
-const README_md_27 = __importDefault(require("./file-input/README.md"));
-const README_md_28 = __importDefault(require("./flash-messages/README.md"));
-const README_md_29 = __importDefault(require("./form-component/README.md"));
-const README_md_30 = __importDefault(require("./icon/README.md"));
-const README_md_31 = __importDefault(require("./icon-button/README.md"));
-const README_md_32 = __importDefault(require("./image-gallery/README.md"));
-const README_md_33 = __importDefault(require("./info-box/README.md"));
-const README_md_34 = __importDefault(require("./input/README.md"));
-const README_md_35 = __importDefault(require("./label/README.md"));
-const README_md_36 = __importDefault(require("./layout/README.md"));
-const README_md_37 = __importDefault(require("./list-item/README.md"));
-const README_md_38 = __importDefault(require("./loader/README.md"));
-const README_md_39 = __importDefault(require("./lozenge/README.md"));
-const README_md_40 = __importDefault(require("./message/README.md"));
-const README_md_41 = __importDefault(require("./modal/README.md"));
-const README_md_42 = __importDefault(require("./modal-dialog/README.md"));
-const README_md_43 = __importDefault(require("./modal-header/README.md"));
-const README_md_44 = __importDefault(require("./multi-combobox/README.md"));
-const README_md_45 = __importDefault(require("./multi-select/README.md"));
-const README_md_46 = __importDefault(require("./pagination/README.md"));
-const README_md_47 = __importDefault(require("./paper/README.md"));
-const README_md_48 = __importDefault(require("./radio/README.md"));
-const README_md_49 = __importDefault(require("./radio-group/README.md"));
-const README_md_50 = __importDefault(require("./raster-image/README.md"));
-const README_md_51 = __importDefault(require("./select/README.md"));
-const README_md_52 = __importDefault(require("./tabs/README.md"));
-const README_md_53 = __importDefault(require("./text-input/README.md"));
-const README_md_54 = __importDefault(require("./text-link/README.md"));
-const README_md_55 = __importDefault(require("./textarea/README.md"));
-const README_md_56 = __importDefault(require("./time-picker/README.md"));
-const README_md_57 = __importDefault(require("./time-picker-input/README.md"));
-const README_md_58 = __importDefault(require("./toggle/README.md"));
-const README_md_59 = __importDefault(require("./tooltip/README.md"));
-const README_md_60 = __importDefault(require("./typography/README.md"));
+const README_md_2 = __importDefault(require("./announcement-bar/README.md"));
+const README_md_3 = __importDefault(require("./avatar/README.md"));
+const README_md_4 = __importDefault(require("./avatar-file-input/README.md"));
+const README_md_5 = __importDefault(require("./badge/README.md"));
+const README_md_6 = __importDefault(require("./button/README.md"));
+const README_md_7 = __importDefault(require("./button-group/README.md"));
+const README_md_8 = __importDefault(require("./button-list/README.md"));
+const README_md_9 = __importDefault(require("./calendar/README.md"));
+const README_md_10 = __importDefault(require("./checkbox/README.md"));
+const README_md_11 = __importDefault(require("./checkbox-button/README.md"));
+const README_md_12 = __importDefault(require("./checkbox-input/README.md"));
+const README_md_13 = __importDefault(require("./checkbox-list/README.md"));
+const README_md_14 = __importDefault(require("./chip/README.md"));
+const README_md_15 = __importDefault(require("./color-radio/README.md"));
+const README_md_16 = __importDefault(require("./color-radio-group/README.md"));
+const README_md_17 = __importDefault(require("./combobox/README.md"));
+const README_md_18 = __importDefault(require("./date-picker/README.md"));
+const README_md_19 = __importDefault(require("./date-picker-input/README.md"));
+const README_md_20 = __importDefault(require("./date-range-picker/README.md"));
+const README_md_21 = __importDefault(require("./date-range-picker-input/README.md"));
+const README_md_22 = __importDefault(require("./datetime-picker/README.md"));
+const README_md_23 = __importDefault(require("./datetime-picker-input/README.md"));
+const README_md_24 = __importDefault(require("./dialog/README.md"));
+const README_md_25 = __importDefault(require("./dropdown/README.md"));
+const README_md_26 = __importDefault(require("./dropzone/README.md"));
+const README_md_27 = __importDefault(require("./error-message/README.md"));
+const README_md_28 = __importDefault(require("./file-input/README.md"));
+const README_md_29 = __importDefault(require("./flash-messages/README.md"));
+const README_md_30 = __importDefault(require("./form-component/README.md"));
+const README_md_31 = __importDefault(require("./icon/README.md"));
+const README_md_32 = __importDefault(require("./icon-button/README.md"));
+const README_md_33 = __importDefault(require("./image-gallery/README.md"));
+const README_md_34 = __importDefault(require("./info-box/README.md"));
+const README_md_35 = __importDefault(require("./input/README.md"));
+const README_md_36 = __importDefault(require("./label/README.md"));
+const README_md_37 = __importDefault(require("./layout/README.md"));
+const README_md_38 = __importDefault(require("./list-item/README.md"));
+const README_md_39 = __importDefault(require("./loader/README.md"));
+const README_md_40 = __importDefault(require("./lozenge/README.md"));
+const README_md_41 = __importDefault(require("./message/README.md"));
+const README_md_42 = __importDefault(require("./modal/README.md"));
+const README_md_43 = __importDefault(require("./modal-dialog/README.md"));
+const README_md_44 = __importDefault(require("./modal-header/README.md"));
+const README_md_45 = __importDefault(require("./multi-combobox/README.md"));
+const README_md_46 = __importDefault(require("./multi-select/README.md"));
+const README_md_47 = __importDefault(require("./pagination/README.md"));
+const README_md_48 = __importDefault(require("./paper/README.md"));
+const README_md_49 = __importDefault(require("./radio/README.md"));
+const README_md_50 = __importDefault(require("./radio-group/README.md"));
+const README_md_51 = __importDefault(require("./raster-image/README.md"));
+const README_md_52 = __importDefault(require("./select/README.md"));
+const README_md_53 = __importDefault(require("./tabs/README.md"));
+const README_md_54 = __importDefault(require("./text-input/README.md"));
+const README_md_55 = __importDefault(require("./text-link/README.md"));
+const README_md_56 = __importDefault(require("./textarea/README.md"));
+const README_md_57 = __importDefault(require("./time-picker/README.md"));
+const README_md_58 = __importDefault(require("./time-picker-input/README.md"));
+const README_md_59 = __importDefault(require("./toggle/README.md"));
+const README_md_60 = __importDefault(require("./tooltip/README.md"));
+const README_md_61 = __importDefault(require("./typography/README.md"));
 exports.readmes = {
     "alert-bubble": README_md_1.default,
-    "avatar": README_md_2.default,
-    "avatar-file-input": README_md_3.default,
-    "badge": README_md_4.default,
-    "button": README_md_5.default,
-    "button-group": README_md_6.default,
-    "button-list": README_md_7.default,
-    "calendar": README_md_8.default,
-    "checkbox": README_md_9.default,
-    "checkbox-button": README_md_10.default,
-    "checkbox-input": README_md_11.default,
-    "checkbox-list": README_md_12.default,
-    "chip": README_md_13.default,
-    "color-radio": README_md_14.default,
-    "color-radio-group": README_md_15.default,
-    "combobox": README_md_16.default,
-    "date-picker": README_md_17.default,
-    "date-picker-input": README_md_18.default,
-    "date-range-picker": README_md_19.default,
-    "date-range-picker-input": README_md_20.default,
-    "datetime-picker": README_md_21.default,
-    "datetime-picker-input": README_md_22.default,
-    "dialog": README_md_23.default,
-    "dropdown": README_md_24.default,
-    "dropzone": README_md_25.default,
-    "error-message": README_md_26.default,
-    "file-input": README_md_27.default,
-    "flash-messages": README_md_28.default,
-    "form-component": README_md_29.default,
-    "icon": README_md_30.default,
-    "icon-button": README_md_31.default,
-    "image-gallery": README_md_32.default,
-    "info-box": README_md_33.default,
-    "input": README_md_34.default,
-    "label": README_md_35.default,
-    "layout": README_md_36.default,
-    "list-item": README_md_37.default,
-    "loader": README_md_38.default,
-    "lozenge": README_md_39.default,
-    "message": README_md_40.default,
-    "modal": README_md_41.default,
-    "modal-dialog": README_md_42.default,
-    "modal-header": README_md_43.default,
-    "multi-combobox": README_md_44.default,
-    "multi-select": README_md_45.default,
-    "pagination": README_md_46.default,
-    "paper": README_md_47.default,
-    "radio": README_md_48.default,
-    "radio-group": README_md_49.default,
-    "raster-image": README_md_50.default,
-    "select": README_md_51.default,
-    "tabs": README_md_52.default,
-    "text-input": README_md_53.default,
-    "text-link": README_md_54.default,
-    "textarea": README_md_55.default,
-    "time-picker": README_md_56.default,
-    "time-picker-input": README_md_57.default,
-    "toggle": README_md_58.default,
-    "tooltip": README_md_59.default,
-    "typography": README_md_60.default,
+    "announcement-bar": README_md_2.default,
+    "avatar": README_md_3.default,
+    "avatar-file-input": README_md_4.default,
+    "badge": README_md_5.default,
+    "button": README_md_6.default,
+    "button-group": README_md_7.default,
+    "button-list": README_md_8.default,
+    "calendar": README_md_9.default,
+    "checkbox": README_md_10.default,
+    "checkbox-button": README_md_11.default,
+    "checkbox-input": README_md_12.default,
+    "checkbox-list": README_md_13.default,
+    "chip": README_md_14.default,
+    "color-radio": README_md_15.default,
+    "color-radio-group": README_md_16.default,
+    "combobox": README_md_17.default,
+    "date-picker": README_md_18.default,
+    "date-picker-input": README_md_19.default,
+    "date-range-picker": README_md_20.default,
+    "date-range-picker-input": README_md_21.default,
+    "datetime-picker": README_md_22.default,
+    "datetime-picker-input": README_md_23.default,
+    "dialog": README_md_24.default,
+    "dropdown": README_md_25.default,
+    "dropzone": README_md_26.default,
+    "error-message": README_md_27.default,
+    "file-input": README_md_28.default,
+    "flash-messages": README_md_29.default,
+    "form-component": README_md_30.default,
+    "icon": README_md_31.default,
+    "icon-button": README_md_32.default,
+    "image-gallery": README_md_33.default,
+    "info-box": README_md_34.default,
+    "input": README_md_35.default,
+    "label": README_md_36.default,
+    "layout": README_md_37.default,
+    "list-item": README_md_38.default,
+    "loader": README_md_39.default,
+    "lozenge": README_md_40.default,
+    "message": README_md_41.default,
+    "modal": README_md_42.default,
+    "modal-dialog": README_md_43.default,
+    "modal-header": README_md_44.default,
+    "multi-combobox": README_md_45.default,
+    "multi-select": README_md_46.default,
+    "pagination": README_md_47.default,
+    "paper": README_md_48.default,
+    "radio": README_md_49.default,
+    "radio-group": README_md_50.default,
+    "raster-image": README_md_51.default,
+    "select": README_md_52.default,
+    "tabs": README_md_53.default,
+    "text-input": README_md_54.default,
+    "text-link": README_md_55.default,
+    "textarea": README_md_56.default,
+    "time-picker": README_md_57.default,
+    "time-picker-input": README_md_58.default,
+    "toggle": README_md_59.default,
+    "tooltip": README_md_60.default,
+    "typography": README_md_61.default,
 };

package/utils/get-default-icon-name.d.ts

@@ -0,0 +1,4 @@
+import { IconName } from "../icon/types";
+type DefaultIconColor = "brand" | "info" | "negative" | "neutral" | "positive" | "warning" | string;
+export declare const getDefaultIconName: (color: DefaultIconColor) => IconName;
+export {};

package/utils/get-default-icon-name.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultIconName = void 0;
+const getDefaultIconName = (color) => {
+    switch (color) {
+        case "negative":
+            return "solid-octagon-xmark";
+        case "positive":
+            return "solid-badge-check";
+        case "warning":
+            return "solid-triangle-exclamation";
+        case "brand":
+        case "info":
+        case "neutral":
+        default:
+            return "solid-circle-info";
+    }
+};
+exports.getDefaultIconName = getDefaultIconName;