@guardian/stand 0.0.11 → 0.0.13

package/dist/components/avatar/Avatar.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 import { useState } from 'react';
 import { mergeDeep } from '../../util/mergeDeep.js';
-import { avatarStyles, avatarImageStyles, defaultAvatarTheme } from './styles.js';
+import { avatarImageStyles, avatarStyles, defaultAvatarTheme } from './styles.js';
 import { avatarColors } from './types.js';
 
 const getColorFromString = (input) => {

package/dist/components/button/Button.cjs

@@ -20,10 +20,7 @@ function Button({
     reactAriaComponents.Button,
     {
       ...props,
-      css: [
-        styles.buttonStyles(mergedTheme, { variant, size }, !!icon),
-        cssOverrides
-      ],
+      css: [styles.buttonStyles(mergedTheme, { variant, size }, !!icon), cssOverrides],
       children: reactAriaComponents.composeRenderProps(props.children, (children) => (
         // TODO: isPending (loading) state - see https://react-aria.adobe.com/Button
         /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/components/button/Button.js

@@ -7,10 +7,7 @@ import { buttonStyles, defaultButtonTheme } from './styles.js';
 function Button({ variant = "emphasised-primary", size = "md", theme = {}, cssOverrides, icon, ...props }) {
   const mergedTheme = mergeDeep(defaultButtonTheme, theme);
   const iconSize = size === "xs" ? "sm" : size;
-  return jsx(Button$1, { ...props, css: [
-    buttonStyles(mergedTheme, { variant, size }, !!icon),
-    cssOverrides
-  ], children: composeRenderProps(props.children, (children) => (
+  return jsx(Button$1, { ...props, css: [buttonStyles(mergedTheme, { variant, size }, !!icon), cssOverrides], children: composeRenderProps(props.children, (children) => (
     // TODO: isPending (loading) state - see https://react-aria.adobe.com/Button
     jsxs(Fragment, { children: [icon && jsx(Icon, { size: iconSize, children: icon }), children] })
   )) });

package/dist/components/button/styles.cjs

@@ -24,9 +24,7 @@ const buttonStyles = (theme, { size, variant }, hasIcon = false, isIconButton =
 			${theme[variant][size].padding.right}
 			${theme[variant][size].padding.bottom}
 			${theme[variant][size].padding.left};
-		${typography.convertTypographyToEmotionStringStyle(
-    theme[variant][size].typography
-  )}
+		${typography.convertTypographyToEmotionStringStyle(theme[variant][size].typography)}
 		border: ${theme[variant].shared.border};
 		border-radius: ${theme[variant].shared.borderRadius};
 

package/dist/components/byline/Byline.cjs

@@ -165,9 +165,7 @@ const Byline = ({
           if (readOnly) {
             return false;
           }
-          if (!dropdownRef.current?.contains(
-            event.relatedTarget
-          )) {
+          if (!dropdownRef.current?.contains(event.relatedTarget)) {
             setShowDropdown(false);
           }
           return false;
@@ -203,10 +201,7 @@ const Byline = ({
             void searchContributors(selectedText).then((contributors) => {
               setTaggedContributors(contributors);
             }).catch((error) => {
-              console.error(
-                "Error fetching tagged contributors:",
-                error
-              );
+              console.error("Error fetching tagged contributors:", error);
               setTaggedContributors([]);
             });
           } else {
@@ -291,14 +286,7 @@ const Byline = ({
     allowUntaggedContributors
   ]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: styles.bylineContainerStyles, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        css: styles.bylineEditorStyles(theme),
-        ref: editorRef,
-        onBlur
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.bylineEditorStyles(theme), ref: editorRef, onBlur }),
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -351,9 +339,7 @@ const Byline = ({
               ],
               onMouseMove: () => {
                 if (currentOptionIndex !== taggedContributors.length) {
-                  setCurrentOptionIndex(
-                    taggedContributors.length
-                  );
+                  setCurrentOptionIndex(taggedContributors.length);
                 }
               },
               onMouseDown: (e) => {

package/dist/components/byline/Byline.js

@@ -10,7 +10,7 @@ import { createPlaceholderPlugin } from './placeholder.js';
 import { clipboardPlugin, keybindings, bylinePlugin } from './plugins.js';
 import { Preview } from './Preview.js';
 import { bylineEditorSchema } from './schema.js';
-import { bylineContainerStyles, bylineEditorStyles, dropdownContainerStyles, dropdownUlStyles, dropdownLiStyles, selectedDropdownLiStyles } from './styles.js';
+import { bylineContainerStyles, bylineEditorStyles, dropdownUlStyles, dropdownLiStyles, selectedDropdownLiStyles, dropdownContainerStyles } from './styles.js';
 
 const Byline = ({ theme, allowUntaggedContributors, contributorLimit, enablePreview, placeholder, initialValue, readOnly, handleSave, searchContributors, onBlur }) => {
   const editorRef = useRef(null);

package/dist/components/byline/Preview.cjs

@@ -13,14 +13,7 @@ const Preview = ({ doc }) => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { css: styles.previewStyles, "data-testid": "byline-preview", children: parts.map((node, i) => {
     if (node.isText) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          css: styles.previewFreeTextStyles,
-          children: node.text
-        },
-        `${node.text}${i}`
-      );
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { css: styles.previewFreeTextStyles, children: node.text }, `${node.text}${i}`);
     } else if (node.type.name === "chip") {
       if (node.attrs.path) {
         return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/byline/plugins.cjs

@@ -70,11 +70,7 @@ const clipboardPlugin = (allowUntaggedContributors, contributorLimit) => {
             {},
             transformedNodes
           ).content;
-          return new prosemirrorModel.Slice(
-            newFragment,
-            slice.openStart,
-            slice.openEnd
-          );
+          return new prosemirrorModel.Slice(newFragment, slice.openStart, slice.openEnd);
         }
         return slice;
       }
@@ -110,10 +106,7 @@ const bylinePlugin = () => {
           dom.setAttribute("data-tag-id", node.attrs.tagId);
           dom.setAttribute("data-path", node.attrs.path);
           if (node.attrs.meta) {
-            dom.setAttribute(
-              "data-meta",
-              JSON.stringify(node.attrs.meta)
-            );
+            dom.setAttribute("data-meta", JSON.stringify(node.attrs.meta));
           }
           dom.textContent = node.attrs.label;
           const deleteHandle = document.createElement("span");
@@ -125,10 +118,7 @@ const bylinePlugin = () => {
             if (pos === void 0) {
               return;
             }
-            const tr = view.state.tr.deleteRange(
-              pos,
-              pos + node.nodeSize
-            );
+            const tr = view.state.tr.deleteRange(pos, pos + node.nodeSize);
             view.dispatch(tr);
           });
           dom.appendChild(deleteHandle);

package/dist/components/favicon/Favicon.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var react = require('react');
+var mergeDeep = require('../../util/mergeDeep.cjs');
+var Icon = require('../icon/Icon.cjs');
+var styles = require('./styles.cjs');
+
+const Favicon = (props) => {
+  const mergedTheme = mergeDeep.mergeDeep(styles.defaultFaviconTheme, props.theme ?? {});
+  const [imageError, setImageError] = react.useState(false);
+  const handleImageError = () => {
+    setImageError(true);
+  };
+  const displayLetter = props.letter?.slice(0, 1).toUpperCase() ?? "";
+  if ("src" in props && !imageError) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { css: [styles.faviconStyles(mergedTheme), props.cssOverrides], children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: props.src,
+        alt: props.alt,
+        title: props.alt,
+        onError: handleImageError,
+        css: styles.faviconImageStyles
+      }
+    ) });
+  }
+  if ("letter" in props || imageError) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        css: [
+          styles.faviconStyles(mergedTheme),
+          styles.faviconTypographyStyles(mergedTheme),
+          props.cssOverrides
+        ],
+        children: displayLetter
+      }
+    );
+  }
+  if ("icon" in props) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { css: [styles.faviconStyles(mergedTheme), props.cssOverrides], children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { fill: mergedTheme.color.text, children: props.icon }) });
+  }
+  return null;
+};
+
+exports.Favicon = Favicon;

package/dist/components/favicon/Favicon.js

@@ -0,0 +1,30 @@
+import { jsx } from '@emotion/react/jsx-runtime';
+import { useState } from 'react';
+import { mergeDeep } from '../../util/mergeDeep.js';
+import { Icon } from '../icon/Icon.js';
+import { defaultFaviconTheme, faviconImageStyles, faviconStyles, faviconTypographyStyles } from './styles.js';
+
+const Favicon = (props) => {
+  const mergedTheme = mergeDeep(defaultFaviconTheme, props.theme ?? {});
+  const [imageError, setImageError] = useState(false);
+  const handleImageError = () => {
+    setImageError(true);
+  };
+  const displayLetter = props.letter?.slice(0, 1).toUpperCase() ?? "";
+  if ("src" in props && !imageError) {
+    return jsx("div", { css: [faviconStyles(mergedTheme), props.cssOverrides], children: jsx("img", { src: props.src, alt: props.alt, title: props.alt, onError: handleImageError, css: faviconImageStyles }) });
+  }
+  if ("letter" in props || imageError) {
+    return jsx("div", { css: [
+      faviconStyles(mergedTheme),
+      faviconTypographyStyles(mergedTheme),
+      props.cssOverrides
+    ], children: displayLetter });
+  }
+  if ("icon" in props) {
+    return jsx("div", { css: [faviconStyles(mergedTheme), props.cssOverrides], children: jsx(Icon, { fill: mergedTheme.color.text, children: props.icon }) });
+  }
+  return null;
+};
+
+export { Favicon };

package/dist/components/favicon/styles.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var react = require('@emotion/react');
+var favicon = require('../../styleD/build/typescript/component/favicon.cjs');
+var typography = require('../../styleD/utils/semantic/typography.cjs');
+
+const defaultFaviconTheme = favicon.componentFavicon;
+const faviconStyles = (theme) => {
+  return react.css`
+		background-color: ${theme.color.background};
+		display: ${theme.display};
+		align-items: ${theme["align-items"]};
+		justify-content: ${theme["justify-content"]};
+		width: ${theme.size};
+		height: ${theme.size};
+		user-select: ${theme["user-select"]};
+	`;
+};
+const faviconTypographyStyles = (theme) => {
+  return react.css`
+		color: ${theme.color.text};
+		${typography.convertTypographyToEmotionStringStyle(theme.typography)}
+	`;
+};
+const faviconImageStyles = react.css`
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+`;
+
+exports.defaultFaviconTheme = defaultFaviconTheme;
+exports.faviconImageStyles = faviconImageStyles;
+exports.faviconStyles = faviconStyles;
+exports.faviconTypographyStyles = faviconTypographyStyles;

package/dist/components/favicon/styles.js

@@ -0,0 +1,29 @@
+import { css } from '@emotion/react';
+import { componentFavicon } from '../../styleD/build/typescript/component/favicon.js';
+import { convertTypographyToEmotionStringStyle } from '../../styleD/utils/semantic/typography.js';
+
+const defaultFaviconTheme = componentFavicon;
+const faviconStyles = (theme) => {
+  return css`
+		background-color: ${theme.color.background};
+		display: ${theme.display};
+		align-items: ${theme["align-items"]};
+		justify-content: ${theme["justify-content"]};
+		width: ${theme.size};
+		height: ${theme.size};
+		user-select: ${theme["user-select"]};
+	`;
+};
+const faviconTypographyStyles = (theme) => {
+  return css`
+		color: ${theme.color.text};
+		${convertTypographyToEmotionStringStyle(theme.typography)}
+	`;
+};
+const faviconImageStyles = css`
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+`;
+
+export { defaultFaviconTheme, faviconImageStyles, faviconStyles, faviconTypographyStyles };

package/dist/components/icon/Icon.cjs

@@ -33,10 +33,7 @@ function Icon({
     "span",
     {
       className,
-      css: [
-        styles.iconStyles(mergedTheme, { size, fill, mode: "svg" }),
-        cssOverrides
-      ],
+      css: [styles.iconStyles(mergedTheme, { size, fill, mode: "svg" }), cssOverrides],
       ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true },
       children
     }

package/dist/components/icon/Icon.js

@@ -10,10 +10,7 @@ function Icon({ children, size = "md", fill, alt, symbol, theme = {}, cssOverrid
       cssOverrides
     ], ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true }, children: symbol ?? children });
   }
-  return jsx("span", { className, css: [
-    iconStyles(mergedTheme, { size, fill, mode: "svg" }),
-    cssOverrides
-  ], ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true }, children });
+  return jsx("span", { className, css: [iconStyles(mergedTheme, { size, fill, mode: "svg" }), cssOverrides], ...alt ? { role: "img", "aria-label": alt } : { "aria-hidden": true }, children });
 }
 
 export { Icon };

package/dist/components/icon-link-button/IconLinkButton.cjs

@@ -31,12 +31,7 @@ function IconLinkButton({
       ref: linkRef,
       "aria-label": ariaLabel,
       css: [
-        styles.iconLinkButtonStyles(
-          mergedTheme,
-          { variant, size },
-          false,
-          true
-        ),
+        styles.iconLinkButtonStyles(mergedTheme, { variant, size }, false, true),
         cssOverrides
       ],
       children: reactAriaComponents.composeRenderProps(props.children, (children) => /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { size: iconSize, symbol, children }))

package/dist/components/tag-picker/TagAutocomplete.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { css } from '@emotion/react';
 import { ComboBox, Input, Popover, ListBox, Collection, ListBoxItem, ListBoxLoadMoreItem } from 'react-aria-components';
-import { tagAutocompleteInputStyles, listboxStyles, listboxItemStyles, listboxInfoStyles } from './styles.js';
+import { tagAutocompleteInputStyles, listboxItemStyles, listboxInfoStyles, listboxStyles } from './styles.js';
 
 function TagAutocomplete({ addTag, loading, onChange, options, label, placeholder, disabled, value, "data-testid": dataTestId, loadingIcon, theme, cssOverrides }) {
   return jsx("div", { css: [

package/dist/components/tag-picker/TagTable.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { css } from '@emotion/react';
 import { useState, useRef, useEffect } from 'react';
 import { useDragAndDrop, Table, TableHeader, Column, TableBody, Row, Cell, Button } from 'react-aria-components';
-import { tagTableHeadingStyles, tagTableStyles, tagTableRowStyles, tagTableDragButtonStyles, tagTableCellStyles, tagTableRemoveButtonStyles, tagTableAddButtonStyles, tagTableTypeBadgeStyles } from './styles.js';
+import { tagTableHeadingStyles, tagTableDragButtonStyles, tagTableCellStyles, tagTableRemoveButtonStyles, tagTableAddButtonStyles, tagTableRowStyles, tagTableStyles, tagTableTypeBadgeStyles } from './styles.js';
 
 const rowToTag = (row) => "tag" in row ? row.tag : row;
 const TypeBadge = (type, theme) => {

package/dist/components/user-menu/UserMenu.cjs

@@ -17,14 +17,7 @@ function UserMenu({
   headingLevel
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("aside", { css: styles.userMenuStyles(theme), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      TitleText.TitleText,
-      {
-        headingLevel,
-        css: styles.userMenuHeadingStyles(theme),
-        children: "Accessibility Settings"
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx(TitleText.TitleText, { headingLevel, css: styles.userMenuHeadingStyles(theme), children: "Accessibility Settings" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
       "Customise your reading & writing experience.",
       " ",

package/dist/components/user-menu/UserMenu.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import { TitleText } from '../TitleText.js';
 import { textSizes, fontFamilies, colorSchemes } from './default-options.js';
 import { PreferenceRadioGroup } from './PreferenceRadioGroup.js';
-import { userMenuStyles, userMenuHeadingStyles } from './styles.js';
+import { userMenuHeadingStyles, userMenuStyles } from './styles.js';
 
 function UserMenu({ theme, feedBacklink, preferences, updatePreferences, textSizeOptions, fontFamilyOptions, colorSchemeOptions, headingLevel }) {
   return jsxs("aside", { css: userMenuStyles(theme), children: [jsx(TitleText, { headingLevel, css: userMenuHeadingStyles(theme), children: "Accessibility Settings" }), jsx("div", { children: jsxs("p", { children: ["Customise your reading & writing experience.", " ", feedBacklink && jsx("a", { href: feedBacklink, target: "_blank", rel: "noreferrer", children: "Send feedback" })] }) }), (!textSizeOptions || textSizeOptions.length > 0) && jsx(PreferenceRadioGroup, { theme, options: textSizeOptions ?? textSizes, name: "Text Size", currentValue: preferences.fontpreferences, changeValue: (fontpreferences) => updatePreferences({ fontpreferences }) }), (!fontFamilyOptions || fontFamilyOptions.length > 0) && jsx(PreferenceRadioGroup, { theme, options: fontFamilyOptions ?? fontFamilies, name: "Font Family", currentValue: preferences.fontType, changeValue: (fontType) => updatePreferences({ fontType }) }), (!colorSchemeOptions || colorSchemeOptions.length > 0) && jsx(PreferenceRadioGroup, { theme, format: "rows", options: colorSchemeOptions ?? colorSchemes, name: "Color scheme", currentValue: preferences.colorScheme, changeValue: (colorScheme) => updatePreferences({ colorScheme }) })] });

package/dist/favicon.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var Favicon = require('./components/favicon/Favicon.cjs');
+var favicon = require('./styleD/build/typescript/component/favicon.cjs');
+
+
+
+exports.Favicon = Favicon.Favicon;
+exports.componentFavicon = favicon.componentFavicon;

package/dist/favicon.js

@@ -0,0 +1,2 @@
+export { Favicon } from './components/favicon/Favicon.js';
+export { componentFavicon } from './styleD/build/typescript/component/favicon.js';

package/dist/fonts/OpenSans.css

@@ -78,16 +78,15 @@
 		U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
 		U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
 		U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
-		U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040,
-		U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E,
-		U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115,
-		U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5,
-		U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310,
-		U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0,
-		U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1,
-		U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF,
-		U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF,
-		U+1EE00-1EEFF;
+		U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
+		U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
+		U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
+		U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
+		U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
+		U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
+		U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
+		U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
+		U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
 }
 /* symbols */
 @font-face {
@@ -102,26 +101,25 @@
 		U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
 		U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
 		U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
-		U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB,
-		U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C,
-		U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3,
-		U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF,
-		U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336,
-		U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF,
-		U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED,
-		U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
-		U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
-		U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
-		U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
-		U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
-		U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
-		U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
-		U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
-		U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B,
-		U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD,
-		U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984,
-		U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89,
-		U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
+		U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
+		U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
+		U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
+		U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
+		U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
+		U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
+		U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
+		U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
+		U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
+		U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
+		U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
+		U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
+		U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
+		U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
+		U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
+		U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
+		U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
+		U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
+		U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
 		U+1FB00-1FBFF;
 }
 /* vietnamese */
@@ -149,8 +147,8 @@
 		format('woff2');
 	unicode-range:
 		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
-		U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
-		U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+		U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
+		U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
@@ -163,8 +161,8 @@
 		format('woff2');
 	unicode-range:
 		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
-		U+2212, U+2215, U+FEFF, U+FFFD;
+		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
+		U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
 @font-face {
@@ -237,16 +235,15 @@
 		U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A,
 		U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346,
 		U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6,
-		U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040,
-		U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E,
-		U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115,
-		U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5,
-		U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310,
-		U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0,
-		U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1,
-		U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF,
-		U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF,
-		U+1EE00-1EEFF;
+		U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043,
+		U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C,
+		U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121,
+		U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2,
+		U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319,
+		U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1,
+		U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB,
+		U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE,
+		U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
 }
 /* symbols */
 @font-face {
@@ -261,26 +258,25 @@
 		U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4,
 		U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3,
 		U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF,
-		U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB,
-		U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C,
-		U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3,
-		U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF,
-		U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336,
-		U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF,
-		U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED,
-		U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426,
-		U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453,
-		U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF,
-		U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED,
-		U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D,
-		U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F,
-		U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2,
-		U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA,
-		U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B,
-		U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD,
-		U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984,
-		U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89,
-		U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
+		U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF,
+		U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0,
+		U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F,
+		U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315,
+		U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382,
+		U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6,
+		U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7,
+		U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444,
+		U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0,
+		U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA,
+		U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB,
+		U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513,
+		U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D,
+		U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC,
+		U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC,
+		U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887,
+		U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B,
+		U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C,
+		U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8,
 		U+1FB00-1FBFF;
 }
 /* vietnamese */
@@ -308,8 +304,8 @@
 		format('woff2');
 	unicode-range:
 		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
-		U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
-		U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+		U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
+		U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
 @font-face {
@@ -322,6 +318,6 @@
 		format('woff2');
 	unicode-range:
 		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
-		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
-		U+2212, U+2215, U+FEFF, U+FFFD;
+		U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
+		U+2215, U+FEFF, U+FFFD;
 }

package/dist/index.cjs

@@ -6,10 +6,11 @@ var tagTable = require('./styleD/build/typescript/component/tagTable.cjs');
 var userMenu = require('./styleD/build/typescript/component/userMenu.cjs');
 var avatar = require('./styleD/build/typescript/component/avatar.cjs');
 var button = require('./styleD/build/typescript/component/button.cjs');
-var typography = require('./styleD/build/typescript/component/typography.cjs');
+var typography$1 = require('./styleD/build/typescript/component/typography.cjs');
 var icon = require('./styleD/build/typescript/component/icon.cjs');
+var favicon = require('./styleD/build/typescript/component/favicon.cjs');
 var colors = require('./styleD/build/typescript/base/colors.cjs');
-var typography$1 = require('./styleD/build/typescript/base/typography.cjs');
+var typography = require('./styleD/build/typescript/base/typography.cjs');
 var spacing = require('./styleD/build/typescript/base/spacing.cjs');
 var sizing = require('./styleD/build/typescript/base/sizing.cjs');
 var radius = require('./styleD/build/typescript/base/radius.cjs');
@@ -26,10 +27,11 @@ exports.componentTagTable = tagTable.componentTagTable;
 exports.componentUserMenu = userMenu.componentUserMenu;
 exports.componentAvatar = avatar.componentAvatar;
 exports.componentButton = button.componentButton;
-exports.componentTypography = typography.componentTypography;
+exports.componentTypography = typography$1.componentTypography;
 exports.componentIcon = icon.componentIcon;
+exports.componentFavicon = favicon.componentFavicon;
 exports.baseColors = colors.baseColors;
-exports.baseTypography = typography$1.baseTypography;
+exports.baseTypography = typography.baseTypography;
 exports.baseSpacing = spacing.baseSpacing;
 exports.baseSizing = sizing.baseSizing;
 exports.baseRadius = radius.baseRadius;