@box/blueprint-web 17.11.4 → 17.12.0

package/dist/lib-esm/avatar/avatar.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Avatar as Avatar$1 } from '@box/blueprint-web-assets/icons/Line';
-import { GrayBlack } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpGrayBlack } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import React__default, { forwardRef, useState, useEffect } from 'react';
 import { getContrastTextColor } from '../utils/getContrastTextColor.js';
@@ -58,7 +58,7 @@ const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
     }), shouldShowAnonymousAvatar && jsx("div", {
       className: styles.anonymousAvatar,
       children: jsx(Avatar$1, {
-        color: GrayBlack,
+        color: bpGrayBlack,
         height: iconSize,
         role: "presentation",
         width: iconSize
@@ -83,7 +83,6 @@ const Avatar = /*#__PURE__*/forwardRef((props, forwardedRef) => {
   });
   return jsx("div", {
     className: clsx(styles.avatar, styles[size], className),
-    "data-modern": 'true' ,
     children: avatarContents
   });
 });

package/dist/lib-esm/avatar/avatar.module.js

@@ -1,4 +1,4 @@
 import '../index.css';
-var styles = {"avatar":"bp_avatar_module_avatar--4ce4f","xsmall":"bp_avatar_module_xsmall--4ce4f","length-1":"bp_avatar_module_length-1--4ce4f","text":"bp_avatar_module_text--4ce4f","length-2":"bp_avatar_module_length-2--4ce4f","small":"bp_avatar_module_small--4ce4f","medium":"bp_avatar_module_medium--4ce4f","large":"bp_avatar_module_large--4ce4f","length-3":"bp_avatar_module_length-3--4ce4f","length-4":"bp_avatar_module_length-4--4ce4f","xlarge":"bp_avatar_module_xlarge--4ce4f","xxlarge":"bp_avatar_module_xxlarge--4ce4f","badge":"bp_avatar_module_badge--4ce4f","image":"bp_avatar_module_image--4ce4f","loading":"bp_avatar_module_loading--4ce4f","anonymousAvatar":"bp_avatar_module_anonymousAvatar--4ce4f","iconContainer":"bp_avatar_module_iconContainer--4ce4f"};
+var styles = {"avatar":"bp_avatar_module_avatar--ead05","text":"bp_avatar_module_text--ead05","xsmall":"bp_avatar_module_xsmall--ead05","length-1":"bp_avatar_module_length-1--ead05","length-2":"bp_avatar_module_length-2--ead05","small":"bp_avatar_module_small--ead05","medium":"bp_avatar_module_medium--ead05","large":"bp_avatar_module_large--ead05","length-3":"bp_avatar_module_length-3--ead05","length-4":"bp_avatar_module_length-4--ead05","xlarge":"bp_avatar_module_xlarge--ead05","xxlarge":"bp_avatar_module_xxlarge--ead05","badge":"bp_avatar_module_badge--ead05","image":"bp_avatar_module_image--ead05","loading":"bp_avatar_module_loading--ead05","anonymousAvatar":"bp_avatar_module_anonymousAvatar--ead05","iconContainer":"bp_avatar_module_iconContainer--ead05"};
 
 export { styles as default };

package/dist/lib-esm/avatar/consts.js

@@ -1,24 +1,24 @@
-import { Size9, Size7, Size5, Size4, Size3, Size2, Grimace50, Orange50, PurpleRain50, WatermelonRed50, LightBlue50, Yellorange50, GreenLight50, Yellow50, DarkBlue100, BoxBlue50 } from '@box/blueprint-web-assets/tokens/tokens';
+import { bpSize090, bpSize070, bpSize050, bpSize040, bpSize030, bpSize020, bpGrimace50, bpOrange50, bpPurpleRain50, bpWatermelonRed50, bpLightBlue50, bpYellorange50, bpGreenLight50, bpYellow50, bpDarkBlue100, bpBoxBlue50 } from '@box/blueprint-web-assets/tokens/tokens';
 
 const iconSizes = {
-  xsmall: Size2,
-  small: Size3,
-  medium: Size4,
-  large: Size5,
-  xlarge: Size7,
-  xxlarge: Size9
+  xsmall: bpSize020,
+  small: bpSize030,
+  medium: bpSize040,
+  large: bpSize050,
+  xlarge: bpSize070,
+  xxlarge: bpSize090
 };
 const colorsMap = {
-  BoxBlue50,
-  DarkBlue100,
-  Yellow50,
-  GreenLight50,
-  Yellorange50,
-  LightBlue50,
-  WatermelonRed50,
-  PurpleRain50,
-  Orange50,
-  Grimace50
+  BoxBlue50: bpBoxBlue50,
+  DarkBlue100: bpDarkBlue100,
+  Yellow50: bpYellow50,
+  GreenLight50: bpGreenLight50,
+  Yellorange50: bpYellorange50,
+  LightBlue50: bpLightBlue50,
+  WatermelonRed50: bpWatermelonRed50,
+  PurpleRain50: bpPurpleRain50,
+  Orange50: bpOrange50,
+  Grimace50: bpGrimace50
 };
 const colors = Object.values(colorsMap);