@box/blueprint-web 16.20.5 → 16.20.7

package/dist/lib-esm/branding-styles/utils/createTheme.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Copied from https://github.com/box/box-ui-elements/blob/c7e1560c69bfe770945e30f359a42e9206f34a10/src/utils/createTheme.js
+ *
+ * TODO: Replace with Blueprint tokens
+ */
 export declare const THEME_VERY_DARK = "vDark";
 export declare const THEME_DARK = "dark";
 export declare const THEME_MID_DARK = "midDark";

package/dist/lib-esm/branding-styles/utils/createTheme.js

@@ -4,9 +4,11 @@ import { mapValues } from '../../utils/mapValues.js';
 import theme from './theme.js';
 import { white, black, bdlGray65, bdlGray80, bdlGray, bdlGray10, bdlGray50 } from './variables.js';
 
-// This is a CUSTOM BLUEPRINT copy of https://github.com/box/box-ui-elements/blob/master/src/utils/createTheme.js
-// Copied on Mar 5 2023
-// Latest commit c7e1560 on Mar 20, 2020
+/**
+ * Copied from https://github.com/box/box-ui-elements/blob/c7e1560c69bfe770945e30f359a42e9206f34a10/src/utils/createTheme.js
+ *
+ * TODO: Replace with Blueprint tokens
+ */
 /* ----------------- Theme ---------------------------*/
 const THEME_VERY_DARK = 'vDark';
 const THEME_DARK = 'dark';
@@ -107,7 +109,6 @@ function createTheme(colorKey) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const modifiedColors = {};
   for (const [key, value] of Object.entries(colorRangeConfig.modifiers)) {
-    // $FlowFixMe
     modifiedColors[key] = adjustLightness(colorKeyObj, value);
   }
   // If the color is too extreme on either end of the spectrum we need to change our rules.
@@ -148,11 +149,11 @@ function createTheme(colorKey) {
     buttonBorder: exceedsLightThreshold ? bdlGray : colorKeyHex,
     buttonBorderHover: exceedsLightThreshold ? bdlGray80 : hoverHex,
     buttonBorderActive: exceedsLightThreshold ? bdlGray65 : activeHex,
-    // ProgressBar overrides - CUSTOM BLUEPRINT value
+    // ProgressBar overrides
     progressBarBackground: null,
     // Scroll effect overrides for scrollable themed elements
     scrollShadowRgba,
-    // Divider - CUSTOM BLUEPRINT value
+    // Divider overrides
     dividerBackground: exceedsLightThreshold ? 'rgba(0, 0, 0, 0.1)' : 'rgba(232, 232, 232, 0.1)'
   };
   const isDefaultTheme = colorKeyHex === Color(theme.primary.background).hex();

package/dist/lib-esm/branding-styles/utils/theme.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Copied from https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/theme.js
+ *
+ * TODO: Replace with Blueprint tokens
+ */
 declare const theme: {
     base: {
         background: string;

package/dist/lib-esm/branding-styles/utils/theme.js

@@ -1,6 +1,10 @@
 import { bdlBoxBlue, bdlBoxBlue80, white, bdlGray40, bdlGray30, bdlGray10, bdlGray05, black, bdlGray, bdlGridUnitPx } from './variables.js';
 
-// Copy of https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/theme.js
+/**
+ * Copied from https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/theme.js
+ *
+ * TODO: Replace with Blueprint tokens
+ */
 const theme = {
   base: {
     background: white,

package/dist/lib-esm/branding-styles/utils/variables.d.ts

@@ -1,6 +1,10 @@
+/**
+ * Copied from https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/variables.ts
+ *
+ * TODO: Replace with Blueprint tokens
+ */
 export declare const white = "#fff";
 export declare const black = "#000";
-export declare const countBadgeBackground = "#e9163c";
 export declare const bdlBoxBlue = "#0061d5";
 export declare const bdlBoxBlue80 = "#3381dd";
 export declare const bdlBoxBlue50 = "#7fb0ea";
@@ -75,43 +79,5 @@ export declare const bdlWatermelonRed20 = "#fbd7dd";
 export declare const bdlWatermelonRed10 = "#fdebee";
 export declare const bdlWatermelonRed05 = "#fef5f6";
 export declare const bdlWatermelonRed02 = "#fffbfc";
-export declare const bdlLineHeight = "20px";
-export declare const bdlFontSize = "13px";
-export declare const bdlFontSizeMinimum = "11px";
-export declare const bdlFontSizeDejaBlue = "14px";
-export declare const avatarColors: string[];
-export declare const modalDialogZIndex = "160";
-export declare const menuZIndex = "170";
-export declare const submenuZIndex = "171";
-export declare const overlayZIndex = "190";
-export declare const tooltipZIndex = "190";
-export declare const notificationsWrapperZIndex = "200";
-export declare const bdlBorderRadiusSize = "4px";
-export declare const bdlBorderRadiusSizeMed = "6px";
-export declare const bdlBorderRadiusSizeLarge = "8px";
-export declare const bdlBorderRadiusSizeXlarge = "12px";
-export declare const bdlHeaderBoxShadow: string[];
 export declare const bdlGridUnit = "4px";
 export declare const bdlGridUnitPx = "4";
-export declare const bdlHeaderHeight = "64px";
-export declare const bdlBtnBorderWidth = "1px";
-export declare const bdlBtnHeight = "32px";
-export declare const bdlBtnHeightLarge = "40px";
-export declare const bdlBtnIconSize = "20px";
-export declare const bdlBtnTextIconSize = "16px";
-export declare const bdlBtnPaddingHorizontal = "16px";
-export declare const bdlTransitionDurationBase = "0.15s";
-export declare const bdlTimingFunction: string[];
-export declare const sizeSmallMediumMin = "375px";
-export declare const sizeMediumMin = "461px";
-export declare const sizeLargeMin = "768px";
-export declare const sizeSmallMax = "374px";
-export declare const sizeSmallMediumMax = "460px";
-export declare const sizeMediumMax = "767px";
-export declare const sizeLargeMax = "1023px";
-export declare const sizeXlargeMax = "1219px";
-export declare const smallScreen = "(max-width: 374px)";
-export declare const smallMediumScreen = "(max-width: 460px)";
-export declare const mediumScreen = "(max-width: 767px)";
-export declare const largeScreen = "(max-width: 1023px)";
-export declare const xlargeScreen = "(max-width: 1219px)";

package/dist/lib-esm/branding-styles/utils/variables.js

@@ -1,5 +1,8 @@
-// Copy of https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/variables.ts
-/* File auto-generated */
+/**
+ * Copied from https://github.com/box/box-ui-elements/blob/830bf71bef5720a5e6ba128afa35152112674c17/src/styles/variables.ts
+ *
+ * TODO: Replace with Blueprint tokens
+ */
 const white = '#fff'; // white
 const black = '#000'; // black
 const bdlBoxBlue = '#0061d5'; // bdl-box-blue
@@ -13,6 +16,5 @@ const bdlGray30 = '#bcbcbc'; // bdl-gray-30
 const bdlGray10 = '#e8e8e8'; // bdl-gray-10
 const bdlGray05 = '#f4f4f4'; // bdl-gray-05
 const bdlGridUnitPx = '4'; // bdl-grid-unit-px
- // xlarge-screen
 
 export { bdlBoxBlue, bdlBoxBlue80, bdlGray, bdlGray05, bdlGray10, bdlGray30, bdlGray40, bdlGray50, bdlGray65, bdlGray80, bdlGridUnitPx, black, white };