@sonic-equipment/ui 259.0.4 → 260.0.1

package/dist/table/elements/table-sort-button.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import { GlyphsChevronsBoldUpIcon } from '../../icons/glyph/glyphs-chevrons-bold-up-icon.js';
+import { Icon } from '../../icon/icon.js';
 import { useFormattedMessage } from '../../intl/use-formatted-message.js';
 import styles from './table.module.css.js';
 
@@ -13,7 +13,7 @@ function TableSortButton({ align = 'start', children, columnName, direction = 'N
     ${t(columnName)} 
     ${isActive && `(${t('active')}, ${t(`sort.${direction}`)})`}
   `;
-    return (jsxs("button", { "aria-label": ariaLabel, className: clsx(styles['table-sort-button'], isActive && styles['active'], styles[direction.toLowerCase()], styles[align]), "data-sort-direction": direction, onClick: () => onSort(sortKey, direction), type: "button", children: [jsx("span", { className: styles['label'], children: children }), isActive && (jsx(GlyphsChevronsBoldUpIcon, { "aria-label": t(direction), className: styles['icon'] }))] }));
+    return (jsxs("button", { "aria-label": ariaLabel, className: clsx(styles['table-sort-button'], isActive && styles['active'], styles[direction.toLowerCase()], styles[align]), "data-sort-direction": direction, onClick: () => onSort(sortKey, direction), type: "button", children: [jsx("span", { className: styles['label'], children: children }), isActive && (jsx(Icon, { className: styles['icon'], label: t(direction), name: "ArrowUpBold", size: "xxs" }))] }));
 }
 
 export { TableSortButton };

package/dist/toast/toast.js

@@ -3,21 +3,19 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import clsx from 'clsx';
 import { IconButton } from '../buttons/icon-button/icon-button.js';
-import { SolidAttentionIcon } from '../icons/solid/solid-attention-icon.js';
-import { SolidInformationIcon } from '../icons/solid/solid-information-icon.js';
-import { SolidNoticeIcon } from '../icons/solid/solid-notice-icon.js';
-import { SolidOkayIcon } from '../icons/solid/solid-okay-icon.js';
-import { StrokeCloseboxIcon } from '../icons/stroke/stroke-closebox-icon.js';
+import { Icon } from '../icon/icon.js';
+import { useFormattedMessage } from '../intl/use-formatted-message.js';
 import styles from './toast.module.css.js';
 
 const icons = {
-    danger: jsx(SolidAttentionIcon, {}),
-    info: jsx(SolidInformationIcon, {}),
-    success: jsx(SolidOkayIcon, {}),
-    warning: jsx(SolidNoticeIcon, {}),
+    danger: jsx(Icon, { name: "AttentionSolid" }),
+    info: jsx(Icon, { name: "InformationSolid" }),
+    success: jsx(Icon, { name: "OkaySolid" }),
+    warning: jsx(Icon, { name: "NoticeSolid" }),
 };
 const Toast = forwardRef(({ className, id, onClose, toastMessage: { body, isUserDismissable, messageType = 'info' }, }, ref) => {
-    return (jsxs("div", { ref: ref, className: clsx(styles.toast, styles[messageType], className), "data-test-selector": `toast${messageType}`, children: [jsx("span", { className: styles.icon, children: icons[messageType] }), body, isUserDismissable && (jsx(IconButton, { className: styles.close, color: "secondary", onClick: () => onClose?.(id), children: jsx(StrokeCloseboxIcon, {}) }))] }));
+    const t = useFormattedMessage();
+    return (jsxs("div", { ref: ref, className: clsx(styles.toast, styles[messageType], className), "data-test-selector": `toast${messageType}`, children: [jsx("span", { className: styles.icon, children: icons[messageType] }), body, isUserDismissable && (jsx(IconButton, { className: styles.close, icon: "Close", label: t('Close'), onClick: () => onClose?.(id), theme: "secondary" }))] }));
 });
 Toast.displayName = 'Toast';
 

package/dist/tooltip/tooltip.js

@@ -5,12 +5,13 @@ import { usePress } from 'react-aria';
 import { DialogTrigger, Popover, OverlayArrow, Dialog } from 'react-aria-components';
 import clsx from 'clsx';
 import { IconButton } from '../buttons/icon-button/icon-button.js';
-import { StrokeInformationIcon } from '../icons/stroke/stroke-information-icon.js';
+import { useFormattedMessage } from '../intl/use-formatted-message.js';
 import { useDisclosure } from '../shared/hooks/use-disclosure.js';
 import styles from './tooltip.module.css.js';
 
 function InfoIcon(props) {
-    return (jsx(IconButton, { ...props, className: styles.trigger, children: jsx(StrokeInformationIcon, {}) }));
+    const t = useFormattedMessage();
+    return (jsx(IconButton, { ...props, className: styles.trigger, icon: "Information", label: t('Information') }));
 }
 function TriggerButton({ buttonRef, className, trigger, }) {
     const { pressProps } = usePress({ ref: buttonRef });

package/dist/tooltip/tooltip.module.css.js

@@ -1,3 +1,3 @@
-var styles = {"popover":"tooltip-module-T-DtX","arrow":"tooltip-module-CBW5f","trigger-wrapper":"tooltip-module-DRHoc","trigger":"tooltip-module-3q6nr"};
+var styles = {"popover":"tooltip-module-T-DtX","arrow":"tooltip-module-CBW5f","trigger-wrapper":"tooltip-module-DRHoc"};
 
 export { styles as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "259.0.4",
+  "version": "260.0.1",
   "type": "module",
   "license": "MIT",
   "engines": {
@@ -25,6 +25,7 @@
     "build-storybook": "storybook build",
     "check-updates": "npx npm-check-updates",
     "clean": "rimraf node_modules dist",
+    "generate:flags": "node src/utils/flags/import-flags.js",
     "generate:icons": "node src/utils/icons/import-icons.js",
     "generate:icons:watch": "nodemon src/utils/icons/import-icons.js",
     "generate:exports": "node src/utils/generate-exports.js",

package/dist/icons/glyph/glyphs-arrow-blackcaps-right-icon.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-
-function GlyphsArrowBlackCapsRightIcon(props) {
-    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "11", viewBox: "0 0 11 11", width: "11", children: jsx("path", { d: "M2.31976777,11 C2.06899066,11 1.91614593,10.7405883 2.04903704,10.5406252 L5.82841248,4.85263431 C5.99833751,4.59667547 5.97375465,4.27015906 5.76703514,4.04017141 L2.58259687,0.493978041 C2.40732426,0.298743748 2.55482143,0 2.82650993,0 L5.99283031,0.000300244973 C6.08685178,0.000300244973 6.17600455,0.0392570302 6.23666356,0.106812149 L8.10264638,2.18458242 C9.16944677,3.37250165 9.29722976,5.05702607 8.4207071,6.37630248 L5.44211038,10.8588849 C5.38376599,10.9466315 5.28144382,11 5.17137965,11 L2.31976777,11 Z", fillRule: "evenodd" }) }));
-}
-
-export { GlyphsArrowBlackCapsRightIcon };

package/dist/icons/glyph/glyphs-arrow-semibold-right-icon.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-
-function GlyphsArrowSemiBoldRightIcon(props) {
-    return (jsx("svg", { xmlns: "http://www.w3.org/2000/svg", ...props, fill: "currentColor", height: "11", viewBox: "0 0 11 11", width: "11", children: jsx("path", { d: "M4.27243829,10 C4.05910402,10.0007527 3.92860879,9.73966348 4.04161427,9.53832073 L6.25359309,5.59919963 C6.37846177,5.37673437 6.36029412,5.09278754 6.20830955,4.89272723 L4.38978231,2.4963789 C4.24091607,2.30024134 4.36625928,2 4.59701551,2 L6.06357848,2 C6.14343478,2 6.2192237,2.03915207 6.27074389,2.10704584 L7.47868905,3.69877757 C8.09849054,4.51523787 8.1726525,5.67297753 7.66341606,6.57973654 L5.82495864,9.85357414 C5.77553993,9.94153429 5.68904024,9.99509493 5.59582936,9.99539668 L4.27243829,10 Z", fillRule: "evenodd" }) }));
-}
-
-export { GlyphsArrowSemiBoldRightIcon };

package/dist/navigation/account-icon/account-icon.d.ts

@@ -1,5 +0,0 @@
-export interface AccountIconProps {
-    'aria-label'?: string;
-    isAuthenticated?: boolean;
-}
-export declare function AccountIcon({ 'aria-label': ariaLabel, isAuthenticated, }: AccountIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/navigation/account-icon/account-icon.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { Badge } from '../../badges/badge/badge.js';
-import { IconWithBadge } from '../../badges/badge/icon-with-badge/icon-with-badge.js';
-import { SolidLoginIcon } from '../../icons/solid/solid-login-icon.js';
-import { useFormattedMessage } from '../../intl/use-formatted-message.js';
-
-function AccountIcon({ 'aria-label': ariaLabel, isAuthenticated, }) {
-    const t = useFormattedMessage();
-    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: isAuthenticated === undefined ? null : isAuthenticated ? (jsx(Badge, { "aria-label": `(${t('Signed in')})`, variant: "green" })) : (jsx(Badge, { "aria-label": `(${t('Signed out')})`, variant: "red" })), icon: jsx(SolidLoginIcon, { role: "presentation" }) }));
-}
-
-export { AccountIcon };

package/dist/navigation/cart-icon/cart-icon.d.ts

@@ -1,5 +0,0 @@
-export interface CartIconProps {
-    'aria-label'?: string;
-    count?: number;
-}
-export declare function CartIcon({ 'aria-label': ariaLabel, count }: CartIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/navigation/cart-icon/cart-icon.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { Badge } from '../../badges/badge/badge.js';
-import { IconWithBadge } from '../../badges/badge/icon-with-badge/icon-with-badge.js';
-import { SolidCartIcon } from '../../icons/solid/solid-cart-icon.js';
-import { useFormattedMessage } from '../../intl/use-formatted-message.js';
-
-function CartIcon({ 'aria-label': ariaLabel, count }) {
-    const t = useFormattedMessage();
-    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: count && count > 0 ? (jsx(Badge, { "aria-label": count && count > 0 ? `(${t('Number of products')})` : undefined, count: count })) : undefined, "data-foo": "foo", "data-test-selector": "cartIcon", icon: jsx(SolidCartIcon, { role: "presentation" }) }));
-}
-
-export { CartIcon };

package/dist/navigation/favorite-icon/favorite-icon.d.ts

@@ -1,5 +0,0 @@
-export interface FavoriteIconProps {
-    'aria-label'?: string;
-    count?: number;
-}
-export declare function FavoriteIcon({ 'aria-label': ariaLabel, count, }: FavoriteIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/navigation/favorite-icon/favorite-icon.js

@@ -1,13 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { Badge } from '../../badges/badge/badge.js';
-import { IconWithBadge } from '../../badges/badge/icon-with-badge/icon-with-badge.js';
-import { SolidFavoriteIcon } from '../../icons/solid/solid-favorite-icon.js';
-import { useFormattedMessage } from '../../intl/use-formatted-message.js';
-
-function FavoriteIcon({ 'aria-label': ariaLabel, count, }) {
-    const t = useFormattedMessage();
-    return (jsx(IconWithBadge, { "aria-label": ariaLabel, badge: count && count > 0 ? (jsx(Badge, { "aria-label": count && count > 0 ? `(${t('Number of favorites')})` : undefined, count: count })) : undefined, "data-test-selector": "favoriteIconCount", icon: jsx(SolidFavoriteIcon, { role: "presentation" }) }));
-}
-
-export { FavoriteIcon };