@digital-ai/dot-components 2.11.2 → 2.11.3

package/CHANGE_LOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## [2.11.3](https://www.npmjs.com/package/@digital-ai/dot-components) (07/24/2023)
+
+[Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.11.2...2.11.3)
+
+**Fixed bugs:**
+
+- S-94066: Update avatar colors [\#1565](https://github.com/digital-ai/dot-components/pull/1565) ([CWSites](https://github.com/CWSites))
+
 ## [2.11.2](https://www.npmjs.com/package/@digital-ai/dot-components) (07/18/2023)
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/2.11.1...2.11.2)
@@ -39,7 +47,6 @@
 - S-84554: Update typography to latest Figma [\#1551](https://github.com/digital-ai/dot-components/pull/1551) ([CWSites](https://github.com/CWSites))
 - S-91993: Address a11y issues raised by Storybook [\#1549](https://github.com/digital-ai/dot-components/pull/1549) ([CWSites](https://github.com/CWSites))
 - D-25843: update dot-icons to be greater than 1.0.11 [\#1543](https://github.com/digital-ai/dot-components/pull/1543) ([CWSites](https://github.com/CWSites))
-- `master` \> `develop` [\#1532](https://github.com/digital-ai/dot-components/pull/1532) ([angel-git](https://github.com/angel-git))
 
 ## [1.21.12](https://www.npmjs.com/package/@digital-ai/dot-components) (07/14/2023)
 
@@ -63,6 +70,7 @@
 - S-91990: LinearProgress add aria-label [\#1537](https://github.com/digital-ai/dot-components/pull/1537) ([CWSites](https://github.com/CWSites))
 - S-91989: remove default aria-label, add link label to missing link [\#1536](https://github.com/digital-ai/dot-components/pull/1536) ([CWSites](https://github.com/CWSites))
 - S-91989: update link to have aria-label [\#1534](https://github.com/digital-ai/dot-components/pull/1534) ([CWSites](https://github.com/CWSites))
+- `master` \> `develop` [\#1532](https://github.com/digital-ai/dot-components/pull/1532) ([angel-git](https://github.com/angel-git))
 
 ## [2.10.1](https://www.npmjs.com/package/@digital-ai/dot-components) (06/29/2023)
 
@@ -944,6 +952,7 @@
 
 - D-19722: `Table`: Fix Storybook issues by refactoring Table's story. [\#974](https://github.com/digital-ai/dot-components/pull/974) ([dmiletic85](https://github.com/dmiletic85))
 - D-19713: Do not show alert banner close button if onClose not provided [\#973](https://github.com/digital-ai/dot-components/pull/973) ([selsemore](https://github.com/selsemore))
+- D-19474: DotDrawer fixes [\#939](https://github.com/digital-ai/dot-components/pull/939) ([selsemore](https://github.com/selsemore))
 
 **Misc:**
 
@@ -988,7 +997,6 @@
 **Fixed bugs:**
 
 - D-19520: `AppToolbar`: Unnecessary scrollbar on the menu [\#941](https://github.com/digital-ai/dot-components/pull/941) ([dmiletic85](https://github.com/dmiletic85))
-- D-19474: DotDrawer fixes [\#939](https://github.com/digital-ai/dot-components/pull/939) ([selsemore](https://github.com/selsemore))
 
 **Misc:**
 
@@ -1083,7 +1091,6 @@
 **Fixed bugs:**
 
 - D-19294: Fix broken expand/collapse for uncontrolled accordion [\#866](https://github.com/digital-ai/dot-components/pull/866) ([selsemore](https://github.com/selsemore))
-- \#841 Fix DotDynamicForm initial form state for controls with initialValue false [\#842](https://github.com/digital-ai/dot-components/pull/842) ([selsemore](https://github.com/selsemore))
 
 **Misc:**
 
@@ -1129,8 +1136,8 @@
 
 **Fixed bugs:**
 
+- \#841 Fix DotDynamicForm initial form state for controls with initialValue false [\#842](https://github.com/digital-ai/dot-components/pull/842) ([selsemore](https://github.com/selsemore))
 - D-19189: Extended sidenav drawer should collapse when another drawer option is clicked [\#830](https://github.com/digital-ai/dot-components/pull/830) ([dmiletic85](https://github.com/dmiletic85))
-- D-19148: Input elements not displaying correctly when `border-box` is used in consumer components [\#812](https://github.com/digital-ai/dot-components/pull/812) ([dmiletic85](https://github.com/dmiletic85))
 
 **Misc:**
 
@@ -1166,6 +1173,7 @@
 
 - \#795 Address AlertBanner style issues [\#815](https://github.com/digital-ai/dot-components/pull/815) ([angel-git](https://github.com/angel-git))
 - D-19138: Remove margin-bottom from breadcrumbs [\#813](https://github.com/digital-ai/dot-components/pull/813) ([angel-git](https://github.com/angel-git))
+- D-19148: Input elements not displaying correctly when `border-box` is used in consumer components [\#812](https://github.com/digital-ai/dot-components/pull/812) ([dmiletic85](https://github.com/dmiletic85))
 - \[D-18631\]\[D-18632\]\[D-18802\]:Focus state of avatar button and sidebar list item and inaccurate count of nav item [\#804](https://github.com/digital-ai/dot-components/pull/804) ([monapatel91](https://github.com/monapatel91))
 
 **Misc:**
@@ -1356,6 +1364,10 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.0.9...1.0.10)
 
+**Features:**
+
+- S-78487: Add agility colors for Accordion, Pill and Tabs [\#661](https://github.com/digital-ai/dot-components/pull/661) ([angel-git](https://github.com/angel-git))
+
 **Fixed bugs:**
 
 - D-18424: include breadcrumb wrapper with breadcrumb component [\#675](https://github.com/digital-ai/dot-components/pull/675) ([CWSites](https://github.com/CWSites))
@@ -1369,10 +1381,6 @@
 
 [Full Changelog](https://digital-ai.github.io/dot-components/?path=/story/introduction--page/digital-ai/dot-components/compare/1.0.8...1.0.9)
 
-**Features:**
-
-- S-78487: Add agility colors for Accordion, Pill and Tabs [\#661](https://github.com/digital-ai/dot-components/pull/661) ([angel-git](https://github.com/angel-git))
-
 **Fixed bugs:**
 
 - D-18730: action toolbar support [\#671](https://github.com/digital-ai/dot-components/pull/671) ([CWSites](https://github.com/CWSites))

package/index.esm.js

@@ -639,6 +639,10 @@ const avatarColors = {
     color: n700,
     backgroundColor: n100
   },
+  inherit: {
+    color: 'inherit',
+    backgroundColor: null
+  },
   green: {
     color: n0,
     backgroundColor: g500
@@ -672,8 +676,12 @@ const avatarColors = {
     backgroundColor: n200
   },
   transparent: {
-    color: n0,
+    color: n700,
     backgroundColor: 'transparent'
+  },
+  white: {
+    color: n700,
+    backgroundColor: n0
   }
 };
 const darkTheme = createTheme({
@@ -1627,7 +1635,7 @@ const StyledAvatar = styled(Avatar).withConfig({
 }, theme.palette.layer.n0, theme.palette.layer.n900, ({
   color
 }) => {
-  return color === 'default' ? theme.palette.layer.n700 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
+  return color ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
 }, theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.large), theme.spacing(avatarSpacing.large)));
 
 const AvatarContent = ({
@@ -1649,7 +1657,6 @@ const AvatarContent = ({
     }
   };
   const parsedText = () => {
-    if (!isString$1(text)) return;
     const textArray = text.split(' ');
     if (textArray.length > 1) {
       const firstInitial = textArray[0].slice(0, 1);
@@ -1699,6 +1706,7 @@ const DotAvatar = ({
 }) => {
   const rootClasses = useStylesWithRootClass(rootClassName$10, className);
   const getAvatarColor = () => {
+    if ((style === null || style === void 0 ? void 0 : style.color) !== undefined) return 'inherit';
     if (color) return color;
     if (_text && _text !== alt) return getAvatarColorForInputText(_text);
     return 'default';
@@ -7952,7 +7960,8 @@ const DotStepper = ({
     }
     return isHorizontal ? jsx(DotAvatar, {
       alt: iconId,
-      iconId: stepIcon
+      iconId: stepIcon,
+      type: "icon"
     }, void 0) : jsx(DotIcon, {
       iconId: stepIcon
     }, void 0);

package/index.umd.js

@@ -776,6 +776,10 @@
         color: n700,
         backgroundColor: n100
       },
+      inherit: {
+        color: 'inherit',
+        backgroundColor: null
+      },
       green: {
         color: n0,
         backgroundColor: g500
@@ -809,8 +813,12 @@
         backgroundColor: n200
       },
       transparent: {
-        color: n0,
+        color: n700,
         backgroundColor: 'transparent'
+      },
+      white: {
+        color: n700,
+        backgroundColor: n0
       }
     };
     var darkTheme = styles.createTheme({
@@ -1841,7 +1849,7 @@
         return color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
       }, theme.palette.layer.n0, theme.palette.layer.n900, function (_a) {
         var color = _a.color;
-        return color === 'default' ? theme.palette.layer.n700 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
+        return color ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
       }, theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.large), theme.spacing(avatarSpacing.large));
     });
     var templateObject_1$15, templateObject_2$11;
@@ -1864,7 +1872,6 @@
         }
       };
       var parsedText = function parsedText() {
-        if (!isString$1(text)) return;
         var textArray = text.split(' ');
         if (textArray.length > 1) {
           var firstInitial = textArray[0].slice(0, 1);
@@ -1924,6 +1931,7 @@
         style = _a.style;
       var rootClasses = useStylesWithRootClass(rootClassName$10, className);
       var getAvatarColor = function getAvatarColor() {
+        if ((style === null || style === void 0 ? void 0 : style.color) !== undefined) return 'inherit';
         if (color) return color;
         if (text && text !== alt) return getAvatarColorForInputText(text);
         return 'default';
@@ -8657,7 +8665,8 @@
         }
         return isHorizontal ? jsxRuntime.jsx(DotAvatar, {
           alt: iconId,
-          iconId: stepIcon
+          iconId: stepIcon,
+          type: "icon"
         }, void 0) : jsxRuntime.jsx(DotIcon, {
           iconId: stepIcon
         }, void 0);

package/lib/components/avatar/Avatar.d.ts

@@ -3,7 +3,7 @@ import { CommonProps } from '../CommonProps';
 export declare type AvatarSize = 'small' | 'medium' | 'large';
 export declare type AvatarType = 'image' | 'text' | 'icon';
 export declare type AvatarVariant = 'circular' | 'square';
-export declare type AvatarColor = 'default' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent';
+export declare type AvatarColor = 'default' | 'inherit' | 'green' | 'blue' | 'orange' | 'purple' | 'yellow' | 'red' | 'darkGrey' | 'lightGrey' | 'transparent' | 'white';
 export interface AvatarProps extends CommonProps {
     /** Text displayed on hover */
     alt: string;

package/lib/components/avatar/Avatar.stories.d.ts

@@ -4,5 +4,6 @@ declare const _default: ComponentMeta<({ alt, ariaLabel, ariaRole, className, co
 export default _default;
 export declare const Default: any;
 export declare const AvatarButton: any;
+export declare const WithCustomColor: any;
 export declare const WithNumber: any;
 export declare const WithTooltip: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-components",
-  "version": "2.11.2",
+  "version": "2.11.3",
   "private": false,
   "license": "SEE LICENSE IN <LICENSE.md>",
   "contributors": [