npm - box-ui-elements - Versions diffs - 14.0.0 → 14.1.0-beta.11 - Mend

box-ui-elements 14.0.0 → 14.1.0-beta.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (562) hide show

package/es/styles/variables.js.flow CHANGED Viewed

@@ -89,8 +89,16 @@ export const notificationsWrapperZIndex = "180"; // notifications-wrapper-z-inde
 export const overlayZIndex = "190"; // overlay-z-index
 export const tooltipZIndex = "190"; // tooltip-z-index
 export const bdlBorderRadiusSize = "4px"; // bdl-border-radius-size
-export const bdlBorderRadiusLargeSize = "10px"; // bdl-border-radius-large-size
+export const bdlBorderRadiusSizeMed = "6px"; // bdl-border-radius-size-med
+export const bdlBorderRadiusSizeLarge = "8px"; // bdl-border-radius-size-large
+export const bdlBorderRadiusSizeXlarge = "12px"; // bdl-border-radius-size-xlarge
 export const bdlGridUnit = "4px"; // bdl-grid-unit
 export const bdlGridUnitPx = "4"; // bdl-grid-unit-px
+export const bdlBtnBorderWidth = "1px"; // bdl-btn-border-width
+export const bdlBtnHeight = "32px"; // bdl-btn-height
+export const bdlBtnHeightLarge = "40px"; // bdl-btn-height-large
+export const bdlBtnIconSize = "20px"; // bdl-btn-icon-size
+export const bdlBtnTextIconSize = "16px"; // bdl-btn-text-icon-size
+export const bdlBtnPaddingHorizontal = "16px"; // bdl-btn-padding-horizontal
 export const bdlTransitionDurationBase = "0.15s"; // bdl-transitionDurationBase
 export const bdlTimingFunction = ["cubic-bezier(0","0","0.6","1)"]; // bdl-timingFunction

package/es/styles/variables.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/styles/variables.ts"],"names":["white","black","countBadgeBackground","bdlBoxBlue","bdlBoxBlue80","bdlBoxBlue50","bdlBoxBlue40","bdlBoxBlue30","bdlBoxBlue20","bdlBoxBlue10","bdlBoxBlue05","bdlBoxBlue02","bdlGray","bdlGray80","bdlGray62","bdlGray50","bdlGray40","bdlGray30","bdlGray20","bdlGray10","bdlGray05","bdlGray02","bdlDarkBlue","bdlDarkBlue50","bdlDarkBlue20","bdlDarkBlue10","bdlDarkBlue05","bdlDarkBlue02","bdlLightBlue","bdlLightBlue50","bdlLightBlue20","bdlLightBlue10","bdlLightBlue05","bdlLightBlue02","bdlYellorange","bdlYellorange50","bdlYellorange20","bdlYellorange10","bdlYellorange05","bdlYellorange02","bdlYellow","bdlYellow50","bdlYellow20","bdlYellow10","bdlYellow05","bdlYellow02","bdlGreenLight","bdlGreenLight50","bdlGreenLight20","bdlGreenLight10","bdlGreenLight05","bdlGreenLight02","bdlGrimace","bdlGrimace50","bdlGrimace20","bdlGrimace10","bdlGrimace05","bdlGrimace02","bdlOrange","bdlOrange50","bdlOrange20","bdlOrange10","bdlOrange05","bdlOrange02","bdlPurpleRain","bdlPurpleRain50","bdlPurpleRain20","bdlPurpleRain10","bdlPurpleRain05","bdlPurpleRain02","bdlWatermelonRed","bdlWatermelonRed50","bdlWatermelonRed20","bdlWatermelonRed10","bdlWatermelonRed05","bdlWatermelonRed02","bdlLineHeight","bdlFontSize","bdlFontSizeMinimum","bdlFontSizeDejaBlue","avatarColors","modalDialogZIndex","menuZIndex","notificationsWrapperZIndex","overlayZIndex","tooltipZIndex","bdlBorderRadiusSize","bdlBorderRadiusLargeSize","bdlGridUnit","bdlGridUnitPx","bdlTransitionDurationBase","bdlTimingFunction"],"mappings":"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","sourcesContent":["/* File auto-generated */\nexport const white = '#fff'; // white\nexport const black = '#000'; // black\nexport const countBadgeBackground = '#e9163c'; // countBadgeBackground\nexport const bdlBoxBlue = '#0061d5'; // bdl-box-blue\nexport const bdlBoxBlue80 = '#3381dd'; // bdl-box-blue-80\nexport const bdlBoxBlue50 = '#7fb0ea'; // bdl-box-blue-50\nexport const bdlBoxBlue40 = '#99c0ee'; // bdl-box-blue-40\nexport const bdlBoxBlue30 = '#b2cff2'; // bdl-box-blue-30\nexport const bdlBoxBlue20 = '#ccdff7'; // bdl-box-blue-20\nexport const bdlBoxBlue10 = '#e5effa'; // bdl-box-blue-10\nexport const bdlBoxBlue05 = '#f2f7fd'; // bdl-box-blue-05\nexport const bdlBoxBlue02 = '#fafcfe'; // bdl-box-blue-02\nexport const bdlGray = '#222'; // bdl-gray\nexport const bdlGray80 = '#4e4e4e'; // bdl-gray-80\nexport const bdlGray62 = '#767676'; // bdl-gray-62\nexport const bdlGray50 = '#909090'; // bdl-gray-50\nexport const bdlGray40 = '#a7a7a7'; // bdl-gray-40\nexport const bdlGray30 = '#bcbcbc'; // bdl-gray-30\nexport const bdlGray20 = '#d3d3d3'; // bdl-gray-20\nexport const bdlGray10 = '#e8e8e8'; // bdl-gray-10\nexport const bdlGray05 = '#f4f4f4'; // bdl-gray-05\nexport const bdlGray02 = '#fbfbfb'; // bdl-gray-02\nexport const bdlDarkBlue = '#003c84'; // bdl-dark-blue\nexport const bdlDarkBlue50 = '#7f9dc1'; // bdl-dark-blue-50\nexport const bdlDarkBlue20 = '#ccd8e6'; // bdl-dark-blue-20\nexport const bdlDarkBlue10 = '#e5ebf2'; // bdl-dark-blue-10\nexport const bdlDarkBlue05 = '#f2f5f9'; // bdl-dark-blue-05\nexport const bdlDarkBlue02 = '#fafbfd'; // bdl-dark-blue-02\nexport const bdlLightBlue = '#2486fc'; // bdl-light-blue\nexport const bdlLightBlue50 = '#91c2fd'; // bdl-light-blue-50\nexport const bdlLightBlue20 = '#d3e7fe'; // bdl-light-blue-20\nexport const bdlLightBlue10 = '#e9f2fe'; // bdl-light-blue-10\nexport const bdlLightBlue05 = '#f4f9ff'; // bdl-light-blue-05\nexport const bdlLightBlue02 = '#fbfdff'; // bdl-light-blue-02\nexport const bdlYellorange = '#f5b31b'; // bdl-yellorange\nexport const bdlYellorange50 = '#fad98d'; // bdl-yellorange-50\nexport const bdlYellorange20 = '#fdf0d1'; // bdl-yellorange-20\nexport const bdlYellorange10 = '#fef7e8'; // bdl-yellorange-10\nexport const bdlYellorange05 = '#fefbf3'; // bdl-yellorange-05\nexport const bdlYellorange02 = '#fffefb'; // bdl-yellorange-02\nexport const bdlYellow = '#ffd700'; // bdl-yellow\nexport const bdlYellow50 = '#ffeb7f'; // bdl-yellow-50\nexport const bdlYellow20 = '#fff7cc'; // bdl-yellow-20\nexport const bdlYellow10 = '#fffbe5'; // bdl-yellow-10\nexport const bdlYellow05 = '#fffdf2'; // bdl-yellow-05\nexport const bdlYellow02 = '#fffefa'; // bdl-yellow-02\nexport const bdlGreenLight = '#26c281'; // bdl-green-light\nexport const bdlGreenLight50 = '#92e0c0'; // bdl-green-light-50\nexport const bdlGreenLight20 = '#d4f3e6'; // bdl-green-light-20\nexport const bdlGreenLight10 = '#e9f8f2'; // bdl-green-light-10\nexport const bdlGreenLight05 = '#f4fcf8'; // bdl-green-light-05\nexport const bdlGreenLight02 = '#fbfefd'; // bdl-green-light-02\nexport const bdlGrimace = '#4826c2'; // bdl-grimace\nexport const bdlGrimace50 = '#a392e0'; // bdl-grimace-50\nexport const bdlGrimace20 = '#dad4f3'; // bdl-grimace-20\nexport const bdlGrimace10 = '#ece9f8'; // bdl-grimace-10\nexport const bdlGrimace05 = '#f6f4fc'; // bdl-grimace-05\nexport const bdlGrimace02 = '#fbfbfe'; // bdl-grimace-02\nexport const bdlOrange = '#f1811a'; // bdl-orange\nexport const bdlOrange50 = '#f8c08c'; // bdl-orange-50\nexport const bdlOrange20 = '#fce6d1'; // bdl-orange-20\nexport const bdlOrange10 = '#fdf2e8'; // bdl-orange-10\nexport const bdlOrange05 = '#fef8f3'; // bdl-orange-05\nexport const bdlOrange02 = '#fffdfb'; // bdl-orange-02\nexport const bdlPurpleRain = '#9f3fed'; // bdl-purple-rain\nexport const bdlPurpleRain50 = '#cf9ff6'; // bdl-purple-rain-50\nexport const bdlPurpleRain20 = '#ecd9fb'; // bdl-purple-rain-20\nexport const bdlPurpleRain10 = '#f5ebfd'; // bdl-purple-rain-10\nexport const bdlPurpleRain05 = '#faf5fe'; // bdl-purple-rain-05\nexport const bdlPurpleRain02 = '#fdfbff'; // bdl-purple-rain-02\nexport const bdlWatermelonRed = '#ed3757'; // bdl-watermelon-red\nexport const bdlWatermelonRed50 = '#f69bab'; // bdl-watermelon-red-50\nexport const bdlWatermelonRed20 = '#fbd7dd'; // bdl-watermelon-red-20\nexport const bdlWatermelonRed10 = '#fdebee'; // bdl-watermelon-red-10\nexport const bdlWatermelonRed05 = '#fef5f6'; // bdl-watermelon-red-05\nexport const bdlWatermelonRed02 = '#fffbfc'; // bdl-watermelon-red-02\nexport const bdlLineHeight = '20px'; // bdl-line-height\nexport const bdlFontSize = '13px'; // bdl-fontSize\nexport const bdlFontSizeMinimum = '11px'; // bdl-fontSize-minimum\nexport const bdlFontSizeDejaBlue = '14px'; // bdl-fontSize--dejaBlue\nexport const avatarColors = [\n '#2486fc',\n '#0061d5',\n '#003c84',\n '#767676',\n '#26c281',\n '#f5b31b',\n '#4826c2',\n '#9f3fed',\n '#ed3757',\n]; // avatar-colors\nexport const modalDialogZIndex = '160'; // modal-dialog-z-index\nexport const menuZIndex = '170'; // menu-z-index\nexport const notificationsWrapperZIndex = '180'; // notifications-wrapper-z-index\nexport const overlayZIndex = '190'; // overlay-z-index\nexport const tooltipZIndex = '190'; // tooltip-z-index\nexport const bdlBorderRadiusSize = '4px'; // bdl-border-radius-size\nexport const bdlBorderRadiusLargeSize = '10px'; // bdl-border-radius-large-size\nexport const bdlGridUnit = '4px'; // bdl-grid-unit\nexport const bdlGridUnitPx = '4'; // bdl-grid-unit-px\nexport const bdlTransitionDurationBase = '0.15s'; // bdl-transitionDurationBase\nexport const bdlTimingFunction = ['cubic-bezier(0', '0', '0.6', '1)']; // bdl-timingFunction\n"],"file":"variables.js"}
1	+ {"version":3,"sources":["../../src/styles/variables.ts"],"names":["white","black","countBadgeBackground","bdlBoxBlue","bdlBoxBlue80","bdlBoxBlue50","bdlBoxBlue40","bdlBoxBlue30","bdlBoxBlue20","bdlBoxBlue10","bdlBoxBlue05","bdlBoxBlue02","bdlGray","bdlGray80","bdlGray62","bdlGray50","bdlGray40","bdlGray30","bdlGray20","bdlGray10","bdlGray05","bdlGray02","bdlDarkBlue","bdlDarkBlue50","bdlDarkBlue20","bdlDarkBlue10","bdlDarkBlue05","bdlDarkBlue02","bdlLightBlue","bdlLightBlue50","bdlLightBlue20","bdlLightBlue10","bdlLightBlue05","bdlLightBlue02","bdlYellorange","bdlYellorange50","bdlYellorange20","bdlYellorange10","bdlYellorange05","bdlYellorange02","bdlYellow","bdlYellow50","bdlYellow20","bdlYellow10","bdlYellow05","bdlYellow02","bdlGreenLight","bdlGreenLight50","bdlGreenLight20","bdlGreenLight10","bdlGreenLight05","bdlGreenLight02","bdlGrimace","bdlGrimace50","bdlGrimace20","bdlGrimace10","bdlGrimace05","bdlGrimace02","bdlOrange","bdlOrange50","bdlOrange20","bdlOrange10","bdlOrange05","bdlOrange02","bdlPurpleRain","bdlPurpleRain50","bdlPurpleRain20","bdlPurpleRain10","bdlPurpleRain05","bdlPurpleRain02","bdlWatermelonRed","bdlWatermelonRed50","bdlWatermelonRed20","bdlWatermelonRed10","bdlWatermelonRed05","bdlWatermelonRed02","bdlLineHeight","bdlFontSize","bdlFontSizeMinimum","bdlFontSizeDejaBlue","avatarColors","modalDialogZIndex","menuZIndex","notificationsWrapperZIndex","overlayZIndex","tooltipZIndex","bdlBorderRadiusSize","bdlBorderRadiusSizeMed","bdlBorderRadiusSizeLarge","bdlBorderRadiusSizeXlarge","bdlGridUnit","bdlGridUnitPx","bdlBtnBorderWidth","bdlBtnHeight","bdlBtnHeightLarge","bdlBtnIconSize","bdlBtnTextIconSize","bdlBtnPaddingHorizontal","bdlTransitionDurationBase","bdlTimingFunction"],"mappings":"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","sourcesContent":["/* File auto-generated */\nexport const white = '#fff'; // white\nexport const black = '#000'; // black\nexport const countBadgeBackground = '#e9163c'; // countBadgeBackground\nexport const bdlBoxBlue = '#0061d5'; // bdl-box-blue\nexport const bdlBoxBlue80 = '#3381dd'; // bdl-box-blue-80\nexport const bdlBoxBlue50 = '#7fb0ea'; // bdl-box-blue-50\nexport const bdlBoxBlue40 = '#99c0ee'; // bdl-box-blue-40\nexport const bdlBoxBlue30 = '#b2cff2'; // bdl-box-blue-30\nexport const bdlBoxBlue20 = '#ccdff7'; // bdl-box-blue-20\nexport const bdlBoxBlue10 = '#e5effa'; // bdl-box-blue-10\nexport const bdlBoxBlue05 = '#f2f7fd'; // bdl-box-blue-05\nexport const bdlBoxBlue02 = '#fafcfe'; // bdl-box-blue-02\nexport const bdlGray = '#222'; // bdl-gray\nexport const bdlGray80 = '#4e4e4e'; // bdl-gray-80\nexport const bdlGray62 = '#767676'; // bdl-gray-62\nexport const bdlGray50 = '#909090'; // bdl-gray-50\nexport const bdlGray40 = '#a7a7a7'; // bdl-gray-40\nexport const bdlGray30 = '#bcbcbc'; // bdl-gray-30\nexport const bdlGray20 = '#d3d3d3'; // bdl-gray-20\nexport const bdlGray10 = '#e8e8e8'; // bdl-gray-10\nexport const bdlGray05 = '#f4f4f4'; // bdl-gray-05\nexport const bdlGray02 = '#fbfbfb'; // bdl-gray-02\nexport const bdlDarkBlue = '#003c84'; // bdl-dark-blue\nexport const bdlDarkBlue50 = '#7f9dc1'; // bdl-dark-blue-50\nexport const bdlDarkBlue20 = '#ccd8e6'; // bdl-dark-blue-20\nexport const bdlDarkBlue10 = '#e5ebf2'; // bdl-dark-blue-10\nexport const bdlDarkBlue05 = '#f2f5f9'; // bdl-dark-blue-05\nexport const bdlDarkBlue02 = '#fafbfd'; // bdl-dark-blue-02\nexport const bdlLightBlue = '#2486fc'; // bdl-light-blue\nexport const bdlLightBlue50 = '#91c2fd'; // bdl-light-blue-50\nexport const bdlLightBlue20 = '#d3e7fe'; // bdl-light-blue-20\nexport const bdlLightBlue10 = '#e9f2fe'; // bdl-light-blue-10\nexport const bdlLightBlue05 = '#f4f9ff'; // bdl-light-blue-05\nexport const bdlLightBlue02 = '#fbfdff'; // bdl-light-blue-02\nexport const bdlYellorange = '#f5b31b'; // bdl-yellorange\nexport const bdlYellorange50 = '#fad98d'; // bdl-yellorange-50\nexport const bdlYellorange20 = '#fdf0d1'; // bdl-yellorange-20\nexport const bdlYellorange10 = '#fef7e8'; // bdl-yellorange-10\nexport const bdlYellorange05 = '#fefbf3'; // bdl-yellorange-05\nexport const bdlYellorange02 = '#fffefb'; // bdl-yellorange-02\nexport const bdlYellow = '#ffd700'; // bdl-yellow\nexport const bdlYellow50 = '#ffeb7f'; // bdl-yellow-50\nexport const bdlYellow20 = '#fff7cc'; // bdl-yellow-20\nexport const bdlYellow10 = '#fffbe5'; // bdl-yellow-10\nexport const bdlYellow05 = '#fffdf2'; // bdl-yellow-05\nexport const bdlYellow02 = '#fffefa'; // bdl-yellow-02\nexport const bdlGreenLight = '#26c281'; // bdl-green-light\nexport const bdlGreenLight50 = '#92e0c0'; // bdl-green-light-50\nexport const bdlGreenLight20 = '#d4f3e6'; // bdl-green-light-20\nexport const bdlGreenLight10 = '#e9f8f2'; // bdl-green-light-10\nexport const bdlGreenLight05 = '#f4fcf8'; // bdl-green-light-05\nexport const bdlGreenLight02 = '#fbfefd'; // bdl-green-light-02\nexport const bdlGrimace = '#4826c2'; // bdl-grimace\nexport const bdlGrimace50 = '#a392e0'; // bdl-grimace-50\nexport const bdlGrimace20 = '#dad4f3'; // bdl-grimace-20\nexport const bdlGrimace10 = '#ece9f8'; // bdl-grimace-10\nexport const bdlGrimace05 = '#f6f4fc'; // bdl-grimace-05\nexport const bdlGrimace02 = '#fbfbfe'; // bdl-grimace-02\nexport const bdlOrange = '#f1811a'; // bdl-orange\nexport const bdlOrange50 = '#f8c08c'; // bdl-orange-50\nexport const bdlOrange20 = '#fce6d1'; // bdl-orange-20\nexport const bdlOrange10 = '#fdf2e8'; // bdl-orange-10\nexport const bdlOrange05 = '#fef8f3'; // bdl-orange-05\nexport const bdlOrange02 = '#fffdfb'; // bdl-orange-02\nexport const bdlPurpleRain = '#9f3fed'; // bdl-purple-rain\nexport const bdlPurpleRain50 = '#cf9ff6'; // bdl-purple-rain-50\nexport const bdlPurpleRain20 = '#ecd9fb'; // bdl-purple-rain-20\nexport const bdlPurpleRain10 = '#f5ebfd'; // bdl-purple-rain-10\nexport const bdlPurpleRain05 = '#faf5fe'; // bdl-purple-rain-05\nexport const bdlPurpleRain02 = '#fdfbff'; // bdl-purple-rain-02\nexport const bdlWatermelonRed = '#ed3757'; // bdl-watermelon-red\nexport const bdlWatermelonRed50 = '#f69bab'; // bdl-watermelon-red-50\nexport const bdlWatermelonRed20 = '#fbd7dd'; // bdl-watermelon-red-20\nexport const bdlWatermelonRed10 = '#fdebee'; // bdl-watermelon-red-10\nexport const bdlWatermelonRed05 = '#fef5f6'; // bdl-watermelon-red-05\nexport const bdlWatermelonRed02 = '#fffbfc'; // bdl-watermelon-red-02\nexport const bdlLineHeight = '20px'; // bdl-line-height\nexport const bdlFontSize = '13px'; // bdl-fontSize\nexport const bdlFontSizeMinimum = '11px'; // bdl-fontSize-minimum\nexport const bdlFontSizeDejaBlue = '14px'; // bdl-fontSize--dejaBlue\nexport const avatarColors = [\n '#2486fc',\n '#0061d5',\n '#003c84',\n '#767676',\n '#26c281',\n '#f5b31b',\n '#4826c2',\n '#9f3fed',\n '#ed3757',\n]; // avatar-colors\nexport const modalDialogZIndex = '160'; // modal-dialog-z-index\nexport const menuZIndex = '170'; // menu-z-index\nexport const notificationsWrapperZIndex = '180'; // notifications-wrapper-z-index\nexport const overlayZIndex = '190'; // overlay-z-index\nexport const tooltipZIndex = '190'; // tooltip-z-index\nexport const bdlBorderRadiusSize = '4px'; // bdl-border-radius-size\nexport const bdlBorderRadiusSizeMed = '6px'; // bdl-border-radius-size-med\nexport const bdlBorderRadiusSizeLarge = '8px'; // bdl-border-radius-size-large\nexport const bdlBorderRadiusSizeXlarge = '12px'; // bdl-border-radius-size-xlarge\nexport const bdlGridUnit = '4px'; // bdl-grid-unit\nexport const bdlGridUnitPx = '4'; // bdl-grid-unit-px\nexport const bdlBtnBorderWidth = '1px'; // bdl-btn-border-width\nexport const bdlBtnHeight = '32px'; // bdl-btn-height\nexport const bdlBtnHeightLarge = '40px'; // bdl-btn-height-large\nexport const bdlBtnIconSize = '20px'; // bdl-btn-icon-size\nexport const bdlBtnTextIconSize = '16px'; // bdl-btn-text-icon-size\nexport const bdlBtnPaddingHorizontal = '16px'; // bdl-btn-padding-horizontal\nexport const bdlTransitionDurationBase = '0.15s'; // bdl-transitionDurationBase\nexport const bdlTimingFunction = ['cubic-bezier(0', '0', '0.6', '1)']; // bdl-timingFunction\n"],"file":"variables.js"}

package/es/utils/createTheme.stories.js CHANGED Viewed

@@ -26,19 +26,19 @@ import IconDevConsole from '../features/left-sidebar/icons/IconDevConsole';
 var Swatch = styled.div.withConfig({
   displayName: "createThemestories__Swatch",
   componentId: "wave58-0"
-})(["display:inline-block;background:", ";border:1px solid ", ";height:1em;width:1em;border-radius:4px;"], function (p) {
+})(["display:inline-block;background:", ";border:1px solid ", ";height:1em;width:1em;border-radius:", ";"], function (p) {
   return p.color;
-}, vars.bdlGray30);
+}, vars.bdlGray30, vars.bdlBorderRadiusSize);
 var BaseButton = styled(BoxButton).withConfig({
   displayName: "createThemestories__BaseButton",
   componentId: "wave58-1"
-})(["background:", ";border-color:", ";color:", ";font-weight:bold;border-radius:6px;font-size:", ";.btn:not(.is-disabled)&:hover{background:", ";border-color:", ";}.btn:not(.is-disabled)&:active{background:", ";border-color:", ";}"], function (props) {
+})(["background:", ";border-color:", ";color:", ";font-weight:bold;border-radius:", ";font-size:", ";.btn:not(.is-disabled)&:hover{background:", ";border-color:", ";}.btn:not(.is-disabled)&:active{background:", ";border-color:", ";}"], function (props) {
   return props.theme.base.buttonBackground;
 }, function (props) {
   return props.theme.base.buttonBorder;
 }, function (props) {
   return props.theme.base.buttonForeground;
-}, vars.bdlFontSizeDejaBlue, function (props) {
+}, vars.bdlBorderRadiusSizeMed, vars.bdlFontSizeDejaBlue, function (props) {
   return props.theme.base.buttonBackgroundHover;
 }, function (props) {
   return props.theme.base.buttonBorderHover;
@@ -50,13 +50,13 @@ var BaseButton = styled(BoxButton).withConfig({
 var PrimaryButton = styled(BoxButton).withConfig({
   displayName: "createThemestories__PrimaryButton",
   componentId: "wave58-2"
-})(["background:", ";border-color:", ";color:", ";font-weight:bold;border-radius:6px;font-size:", ";.btn:not(.is-disabled)&:hover{background:", ";border-color:", ";}.btn:not(.is-disabled)&:active{background:", ";border-color:", ";}"], function (props) {
+})(["background:", ";border-color:", ";color:", ";font-weight:bold;border-radius:", ";font-size:", ";.btn:not(.is-disabled)&:hover{background:", ";border-color:", ";}.btn:not(.is-disabled)&:active{background:", ";border-color:", ";}"], function (props) {
   return props.theme.primary.buttonBackground;
 }, function (props) {
   return props.theme.primary.buttonBorder;
 }, function (props) {
   return props.theme.primary.buttonForeground;
-}, vars.bdlFontSizeDejaBlue, function (props) {
+}, vars.bdlBorderRadiusSizeMed, vars.bdlFontSizeDejaBlue, function (props) {
   return props.theme.primary.buttonBackgroundHover;
 }, function (props) {
   return props.theme.primary.buttonBorderHover;
@@ -68,7 +68,7 @@ var PrimaryButton = styled(BoxButton).withConfig({
 var ThemeDemo = styled.div.withConfig({
   displayName: "createThemestories__ThemeDemo",
   componentId: "wave58-3"
-})(["width:200px;min-height:500px;padding:8px;border-radius:4px;display:flex;flex-direction:column;color:", ";border:1px solid ", ";background:", ";"], function (p) {
+})(["width:200px;min-height:500px;padding:8px;border-radius:", ";display:flex;flex-direction:column;color:", ";border:1px solid ", ";background:", ";"], vars.bdlBorderRadiusSize, function (p) {
   return p.theme.primary.foreground;
 }, function (p) {
   return p.theme.primary.border;
@@ -78,7 +78,7 @@ var ThemeDemo = styled.div.withConfig({
 var ThemeDemoMenuItem = styled.div.withConfig({
   displayName: "createThemestories__ThemeDemoMenuItem",
   componentId: "wave58-4"
-})(["cursor:pointer;padding:8px 12px;margin:2px 4px;border-radius:8px;font-weight:bold;transition:0.15s;border:1px solid;border-color:transparent;&:hover{background:", ";}&.active,&:active{background:", ";}&:focus,&:active{border-color:", ";}&.alt{background:", ";&:hover{background:", ";}}"], function (p) {
+})(["cursor:pointer;padding:8px 12px;margin:2px 4px;border-radius:", ";font-weight:bold;transition:0.15s;border:1px solid;border-color:transparent;&:hover{background:", ";}&.active,&:active{background:", ";}&:focus,&:active{border-color:", ";}&.alt{background:", ";&:hover{background:", ";}}"], vars.bdlBorderRadiusSizeLarge, function (p) {
   return p.theme.primary.backgroundHover;
 }, function (p) {
   return p.theme.primary.backgroundActive;

package/es/utils/createTheme.stories.js.flow CHANGED Viewed

@@ -24,7 +24,7 @@ const Swatch = styled.div`
     border: 1px solid ${vars.bdlGray30};
     height: 1em;
     width: 1em;
-    border-radius: 4px;
+    border-radius: ${vars.bdlBorderRadiusSize};
 `;
 const BaseButton = styled(BoxButton)`
@@ -33,7 +33,7 @@ const BaseButton = styled(BoxButton)`
     color: ${props => props.theme.base.buttonForeground};
     font-weight: bold;
-    border-radius: 6px;
+    border-radius: ${vars.bdlBorderRadiusSizeMed};
     font-size: ${vars.bdlFontSizeDejaBlue};
     .btn:not(.is-disabled)&:hover {
@@ -52,7 +52,7 @@ const PrimaryButton = styled(BoxButton)`
     color: ${props => props.theme.primary.buttonForeground};
     font-weight: bold;
-    border-radius: 6px;
+    border-radius: ${vars.bdlBorderRadiusSizeMed};
     font-size: ${vars.bdlFontSizeDejaBlue};
     .btn:not(.is-disabled)&:hover {
@@ -69,7 +69,7 @@ const ThemeDemo = styled.div`
     width: 200px;
     min-height: 500px;
     padding: 8px;
-    border-radius: 4px;
+    border-radius: ${vars.bdlBorderRadiusSize};
     display: flex;
     flex-direction: column;
     color: ${p => p.theme.primary.foreground};
@@ -82,7 +82,7 @@ const ThemeDemoMenuItem = styled.div`
     cursor: pointer;
     padding: 8px 12px;
     margin: 2px 4px;
-    border-radius: 8px;
+    border-radius: ${vars.bdlBorderRadiusSizeLarge};
     font-weight: bold;
     transition: 0.15s;
     border: 1px solid;

package/es/utils/createTheme.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/utils/createTheme.stories.js"],"names":["React","styled","ThemeProvider","keyframes","color","text","vars","defaultTheme","BoxButton","BoxLogo","createTheme","notes","IconAllFiles","IconNotes","IconRecents","IconTrash","IconFavorites","IconDevConsole","Swatch","div","p","bdlGray30","BaseButton","props","theme","base","buttonBackground","buttonBorder","buttonForeground","bdlFontSizeDejaBlue","buttonBackgroundHover","buttonBorderHover","buttonBackgroundActive","buttonBorderActive","PrimaryButton","primary","ThemeDemo","foreground","border","background","ThemeDemoMenuItem","backgroundHover","backgroundActive","scroll","ThemeDemoProgressBar","progressBarBackground","ThemeDemoLogo","ThemeDemoIcon","span","Footer","ThemeExample","colorText","colorMap","colorHex","test","float","Object","entries","filter","key","map","val","_debug","colorRange","marginLeft","JSON","stringify","title","component","parameters"],"mappings":"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","sourcesContent":["/* eslint-disable no-underscore-dangle /\n// @ts-nocheck\nimport React from 'react';\nimport styled, { ThemeProvider, keyframes } from 'styled-components';\nimport { color, text } from '@storybook/addon-knobs';\n\nimport as vars from '../styles/variables';\nimport defaultTheme from '../styles/theme';\nimport BoxButton from '../components/button';\nimport BoxLogo from '../icon/logo/BoxLogo';\nimport { createTheme } from './createTheme';\nimport notes from './createTheme.stories.md';\n\nimport IconAllFiles from '../features/left-sidebar/icons/IconAllFiles';\nimport IconNotes from '../features/left-sidebar/icons/IconNotes';\nimport IconRecents from '../features/left-sidebar/icons/IconRecents';\nimport IconTrash from '../features/left-sidebar/icons/IconTrash';\nimport IconFavorites from '../features/left-sidebar/icons/IconFavorites';\nimport IconDevConsole from '../features/left-sidebar/icons/IconDevConsole';\n\nconst Swatch = styled.div`\n display: inline-block;\n background: ${p => p.color};\n border: 1px solid ${vars.bdlGray30};\n height: 1em;\n width: 1em;\n border-radius: 4px;\n`;\n\nconst BaseButton = styled(BoxButton)`\n background: ${props => props.theme.base.buttonBackground};\n border-color: ${props => props.theme.base.buttonBorder};\n color: ${props => props.theme.base.buttonForeground};\n\n font-weight: bold;\n border-radius: 6px;\n font-size: ${vars.bdlFontSizeDejaBlue};\n\n .btn:not(.is-disabled)&:hover {\n background: ${props => props.theme.base.buttonBackgroundHover};\n border-color: ${props => props.theme.base.buttonBorderHover};\n }\n .btn:not(.is-disabled)&:active {\n background: ${props => props.theme.base.buttonBackgroundActive};\n border-color: ${props => props.theme.base.buttonBorderActive};\n }\n`;\n\nconst PrimaryButton = styled(BoxButton)`\n background: ${props => props.theme.primary.buttonBackground};\n border-color: ${props => props.theme.primary.buttonBorder};\n color: ${props => props.theme.primary.buttonForeground};\n\n font-weight: bold;\n border-radius: 6px;\n font-size: ${vars.bdlFontSizeDejaBlue};\n\n .btn:not(.is-disabled)&:hover {\n background: ${props => props.theme.primary.buttonBackgroundHover};\n border-color: ${props => props.theme.primary.buttonBorderHover};\n }\n .btn:not(.is-disabled)&:active {\n background: ${props => props.theme.primary.buttonBackgroundActive};\n border-color: ${props => props.theme.primary.buttonBorderActive};\n }\n`;\n\nconst ThemeDemo = styled.div`\n width: 200px;\n min-height: 500px;\n padding: 8px;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n color: ${p => p.theme.primary.foreground};\n\n border: 1px solid ${p => p.theme.primary.border};\n background: ${p => p.theme.primary.background};\n`;\n\nconst ThemeDemoMenuItem = styled.div`\n cursor: pointer;\n padding: 8px 12px;\n margin: 2px 4px;\n border-radius: 8px;\n font-weight: bold;\n transition: 0.15s;\n border: 1px solid;\n border-color: transparent;\n &:hover {\n background: ${p => p.theme.primary.backgroundHover};\n }\n &.active,\n &:active {\n background: ${p => p.theme.primary.backgroundActive};\n }\n\n &:focus,\n &:active {\n border-color: ${p => p.theme.primary.foreground};\n }\n\n &.alt {\n background: ${p => p.theme.primary.backgroundHover};\n\n &:hover {\n background: ${p => p.theme.primary.backgroundActive};\n }\n }\n`;\n\nconst scroll = keyframes`\n 0% {\n right: 100%;\n left: 0%;\n }\n\n 50% {\n right: 0%;\n left: 0%;\n }\n\n 100% {\n right: 0%;\n left: 100%;\n }\n`;\n\nconst ThemeDemoProgressBar = styled.div`\n position: relative;\n display: inline-block;\n height: 6px;\n width: 300px;\n padding: 0;\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: '';\n background-color: ${props => props.theme.primary.progressBarBackground};\n will-change: left, right;\n animation: 2s ${scroll} infinite;\n }\n`;\n\nconst ThemeDemoLogo = styled(BoxLogo)`\n width: 61px;\n height: 32px;\n margin: 4px 4px 16px 4px;\n & path,\n & .fill-color {\n fill: ${props => props.theme.primary.foreground};\n }\n`;\n\nconst ThemeDemoIcon = styled.span`\n margin-right: 8px;\n & svg {\n top: 2px;\n position: relative;\n }\n & path,\n & .fill-color {\n fill: ${props => props.theme.primary.foreground};\n }\n`;\n\nconst Footer = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n`;\n\nexport const ThemeExample = () => {\n const colorText = text('Primary Color Hex');\n const colorMap = color('Primary Color', '#0061d5');\n\n const colorHex = /^#[0-9A-F]{6}$/i.test(colorText) ? colorText : colorMap;\n\n const theme = colorHex ? createTheme(colorHex) : defaultTheme;\n\n return (\n <ThemeProvider theme={theme}>\n <div style={{ float: 'right' }}>\n <section>\n <h4>theme.primary</h4>\n {Object.entries(theme.primary)\n .filter(([key]) => key !== '_debug')\n .map(([key, val]) => (\n <div key={key}>\n <Swatch color={val} /> {key} <code>{val}</code>\n </div>\n ))}\n <span>Theme Color Range: {theme.primary._debug.colorRange}</span>\n <br />\n <h4>theme.base</h4>\n {Object.entries(theme.base).map(([key, val]) => (\n <div key={key}>\n <Swatch color={val} /> {key} <code>{val}</code>\n </div>\n ))}\n </section>\n </div>\n <div style={{ marginLeft: -5 }}>\n <BaseButton>Base</BaseButton>\n <PrimaryButton>Primary</PrimaryButton>\n </div>\n <br />\n <ThemeDemoProgressBar />\n <br />\n <br />\n <ThemeDemo>\n <ThemeDemoLogo />\n <ThemeDemoMenuItem className=\"active\">\n <ThemeDemoIcon>\n <IconAllFiles />\n </ThemeDemoIcon>\n All Files\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem>\n <ThemeDemoIcon>\n <IconRecents />\n </ThemeDemoIcon>\n Recents\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem>\n <ThemeDemoIcon>\n <IconFavorites />\n </ThemeDemoIcon>\n Favorites\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem>\n <ThemeDemoIcon>\n <IconTrash />\n </ThemeDemoIcon>\n Trash\n </ThemeDemoMenuItem>\n <Footer>\n <ThemeDemoMenuItem className=\"alt\">\n <ThemeDemoIcon>\n <IconNotes />\n </ThemeDemoIcon>\n Notes\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem className=\"alt\">\n <ThemeDemoIcon>\n <IconDevConsole />\n </ThemeDemoIcon>\n Developer Console\n </ThemeDemoMenuItem>\n </Footer>\n </ThemeDemo>\n <br />\n <section>\n <details>\n <summary>JSON Theme</summary>\n <pre>\n <code>{JSON.stringify(theme, null, 2)}</code>\n </pre>\n </details>\n </section>\n </ThemeProvider>\n );\n};\n\nexport default {\n title: 'Theming\|Theme',\n component: ThemeExample,\n parameters: { notes },\n};\n"],"file":"createTheme.stories.js"}
1	+ {"version":3,"sources":["../../src/utils/createTheme.stories.js"],"names":["React","styled","ThemeProvider","keyframes","color","text","vars","defaultTheme","BoxButton","BoxLogo","createTheme","notes","IconAllFiles","IconNotes","IconRecents","IconTrash","IconFavorites","IconDevConsole","Swatch","div","p","bdlGray30","bdlBorderRadiusSize","BaseButton","props","theme","base","buttonBackground","buttonBorder","buttonForeground","bdlBorderRadiusSizeMed","bdlFontSizeDejaBlue","buttonBackgroundHover","buttonBorderHover","buttonBackgroundActive","buttonBorderActive","PrimaryButton","primary","ThemeDemo","foreground","border","background","ThemeDemoMenuItem","bdlBorderRadiusSizeLarge","backgroundHover","backgroundActive","scroll","ThemeDemoProgressBar","progressBarBackground","ThemeDemoLogo","ThemeDemoIcon","span","Footer","ThemeExample","colorText","colorMap","colorHex","test","float","Object","entries","filter","key","map","val","_debug","colorRange","marginLeft","JSON","stringify","title","component","parameters"],"mappings":";;;;;;;;AAAA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,IAAiBC,aAAjB,EAAgCC,SAAhC,QAAiD,mBAAjD;AACA,SAASC,KAAT,EAAgBC,IAAhB,QAA4B,wBAA5B;AAEA,OAAO,KAAKC,IAAZ,MAAsB,qBAAtB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,SAAP,MAAsB,sBAAtB;AACA,OAAOC,OAAP,MAAoB,sBAApB;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,OAAOC,KAAP,MAAkB,0BAAlB;AAEA,OAAOC,YAAP,MAAyB,6CAAzB;AACA,OAAOC,SAAP,MAAsB,0CAAtB;AACA,OAAOC,WAAP,MAAwB,4CAAxB;AACA,OAAOC,SAAP,MAAsB,0CAAtB;AACA,OAAOC,aAAP,MAA0B,8CAA1B;AACA,OAAOC,cAAP,MAA2B,+CAA3B;AAEA,IAAMC,MAAM,GAAGjB,MAAM,CAACkB,GAAV;AAAA;AAAA;AAAA,4GAEM,UAAAC,CAAC;AAAA,SAAIA,CAAC,CAAChB,KAAN;AAAA,CAFP,EAGYE,IAAI,CAACe,SAHjB,EAMSf,IAAI,CAACgB,mBANd,CAAZ;AASA,IAAMC,UAAU,GAAGtB,MAAM,CAACO,SAAD,CAAT;AAAA;AAAA;AAAA,4OACE,UAAAgB,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBC,gBAArB;AAAA,CADP,EAEI,UAAAH,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBE,YAArB;AAAA,CAFT,EAGH,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBG,gBAArB;AAAA,CAHF,EAMKvB,IAAI,CAACwB,sBANV,EAOCxB,IAAI,CAACyB,mBAPN,EAUM,UAAAP,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBM,qBAArB;AAAA,CAVX,EAWQ,UAAAR,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBO,iBAArB;AAAA,CAXb,EAcM,UAAAT,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBQ,sBAArB;AAAA,CAdX,EAeQ,UAAAV,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYC,IAAZ,CAAiBS,kBAArB;AAAA,CAfb,CAAhB;AAmBA,IAAMC,aAAa,GAAGnC,MAAM,CAACO,SAAD,CAAT;AAAA;AAAA;AAAA,4OACD,UAAAgB,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBV,gBAAxB;AAAA,CADJ,EAEC,UAAAH,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBT,YAAxB;AAAA,CAFN,EAGN,UAAAJ,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBR,gBAAxB;AAAA,CAHC,EAMEvB,IAAI,CAACwB,sBANP,EAOFxB,IAAI,CAACyB,mBAPH,EAUG,UAAAP,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBL,qBAAxB;AAAA,CAVR,EAWK,UAAAR,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBJ,iBAAxB;AAAA,CAXV,EAcG,UAAAT,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBH,sBAAxB;AAAA,CAdR,EAeK,UAAAV,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBF,kBAAxB;AAAA,CAfV,CAAnB;AAmBA,IAAMG,SAAS,GAAGrC,MAAM,CAACkB,GAAV;AAAA;AAAA;AAAA,yJAIMb,IAAI,CAACgB,mBAJX,EAOF,UAAAF,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBE,UAApB;AAAA,CAPC,EASS,UAAAnB,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBG,MAApB;AAAA,CATV,EAUG,UAAApB,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBI,UAApB;AAAA,CAVJ,CAAf;AAaA,IAAMC,iBAAiB,GAAGzC,MAAM,CAACkB,GAAV;AAAA;AAAA;AAAA,uSAIFb,IAAI,CAACqC,wBAJH,EAUD,UAAAvB,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBO,eAApB;AAAA,CAVA,EAcD,UAAAxB,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBQ,gBAApB;AAAA,CAdA,EAmBC,UAAAzB,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBE,UAApB;AAAA,CAnBF,EAuBD,UAAAnB,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBO,eAApB;AAAA,CAvBA,EA0BG,UAAAxB,CAAC;AAAA,SAAIA,CAAC,CAACK,KAAF,CAAQY,OAAR,CAAgBQ,gBAApB;AAAA,CA1BJ,CAAvB;AA+BA,IAAMC,MAAM,GAAG3C,SAAH,4EAAZ;AAiBA,IAAM4C,oBAAoB,GAAG9C,MAAM,CAACkB,GAAV;AAAA;AAAA;AAAA,uNAaE,UAAAK,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBW,qBAAxB;AAAA,CAbP,EAeFF,MAfE,CAA1B;AAmBA,IAAMG,aAAa,GAAGhD,MAAM,CAACQ,OAAD,CAAT;AAAA;AAAA;AAAA,wFAMH,UAAAe,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBE,UAAxB;AAAA,CANF,CAAnB;AAUA,IAAMW,aAAa,GAAGjD,MAAM,CAACkD,IAAV;AAAA;AAAA;AAAA,2FAQH,UAAA3B,KAAK;AAAA,SAAIA,KAAK,CAACC,KAAN,CAAYY,OAAZ,CAAoBE,UAAxB;AAAA,CARF,CAAnB;AAYA,IAAMa,MAAM,GAAGnD,MAAM,CAACkB,GAAV;AAAA;AAAA;AAAA,2EAAZ;AAOA,OAAO,IAAMkC,YAAY,GAAG,SAAfA,YAAe,GAAM;AAC9B,MAAMC,SAAS,GAAGjD,IAAI,CAAC,mBAAD,CAAtB;AACA,MAAMkD,QAAQ,GAAGnD,KAAK,CAAC,eAAD,EAAkB,SAAlB,CAAtB;AAEA,MAAMoD,QAAQ,GAAG,kBAAkBC,IAAlB,CAAuBH,SAAvB,IAAoCA,SAApC,GAAgDC,QAAjE;AAEA,MAAM9B,KAAK,GAAG+B,QAAQ,GAAG9C,WAAW,CAAC8C,QAAD,CAAd,GAA2BjD,YAAjD;AAEA,SACI,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEkB;AAAtB,KACI;AAAK,IAAA,KAAK,EAAE;AAAEiC,MAAAA,KAAK,EAAE;AAAT;AAAZ,KACI,qCACI,gDADJ,EAEKC,MAAM,CAACC,OAAP,CAAenC,KAAK,CAACY,OAArB,EACIwB,MADJ,CACW;AAAA;AAAA,QAAEC,GAAF;;AAAA,WAAWA,GAAG,KAAK,QAAnB;AAAA,GADX,EAEIC,GAFJ,CAEQ;AAAA;AAAA,QAAED,GAAF;AAAA,QAAOE,GAAP;;AAAA,WACD;AAAK,MAAA,GAAG,EAAEF;AAAV,OACI,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAEE;AAAf,MADJ,OAC4BF,GAD5B,OACiC,kCAAOE,GAAP,CADjC,CADC;AAAA,GAFR,CAFL,EASI,yDAA0BvC,KAAK,CAACY,OAAN,CAAc4B,MAAd,CAAqBC,UAA/C,CATJ,EAUI,+BAVJ,EAWI,6CAXJ,EAYKP,MAAM,CAACC,OAAP,CAAenC,KAAK,CAACC,IAArB,EAA2BqC,GAA3B,CAA+B;AAAA;AAAA,QAAED,GAAF;AAAA,QAAOE,GAAP;;AAAA,WAC5B;AAAK,MAAA,GAAG,EAAEF;AAAV,OACI,oBAAC,MAAD;AAAQ,MAAA,KAAK,EAAEE;AAAf,MADJ,OAC4BF,GAD5B,OACiC,kCAAOE,GAAP,CADjC,CAD4B;AAAA,GAA/B,CAZL,CADJ,CADJ,EAqBI;AAAK,IAAA,KAAK,EAAE;AAAEG,MAAAA,UAAU,EAAE,CAAC;AAAf;AAAZ,KACI,oBAAC,UAAD,eADJ,EAEI,oBAAC,aAAD,kBAFJ,CArBJ,EAyBI,+BAzBJ,EA0BI,oBAAC,oBAAD,OA1BJ,EA2BI,+BA3BJ,EA4BI,+BA5BJ,EA6BI,oBAAC,SAAD,QACI,oBAAC,aAAD,OADJ,EAEI,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAC;AAA7B,KACI,oBAAC,aAAD,QACI,oBAAC,YAAD,OADJ,CADJ,cAFJ,EAQI,oBAAC,iBAAD,QACI,oBAAC,aAAD,QACI,oBAAC,WAAD,OADJ,CADJ,YARJ,EAcI,oBAAC,iBAAD,QACI,oBAAC,aAAD,QACI,oBAAC,aAAD,OADJ,CADJ,cAdJ,EAoBI,oBAAC,iBAAD,QACI,oBAAC,aAAD,QACI,oBAAC,SAAD,OADJ,CADJ,UApBJ,EA0BI,oBAAC,MAAD,QACI,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAC;AAA7B,KACI,oBAAC,aAAD,QACI,oBAAC,SAAD,OADJ,CADJ,UADJ,EAOI,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAC;AAA7B,KACI,oBAAC,aAAD,QACI,oBAAC,cAAD,OADJ,CADJ,sBAPJ,CA1BJ,CA7BJ,EAsEI,+BAtEJ,EAuEI,qCACI,qCACI,kDADJ,EAEI,iCACI,kCAAOC,IAAI,CAACC,SAAL,CAAe5C,KAAf,EAAsB,IAAtB,EAA4B,CAA5B,CAAP,CADJ,CAFJ,CADJ,CAvEJ,CADJ;AAkFH,CA1FM;AA4FP,eAAe;AACX6C,EAAAA,KAAK,EAAE,eADI;AAEXC,EAAAA,SAAS,EAAElB,YAFA;AAGXmB,EAAAA,UAAU,EAAE;AAAE7D,IAAAA,KAAK,EAALA;AAAF;AAHD,CAAf","sourcesContent":["/* eslint-disable no-underscore-dangle /\n// @ts-nocheck\nimport React from 'react';\nimport styled, { ThemeProvider, keyframes } from 'styled-components';\nimport { color, text } from '@storybook/addon-knobs';\n\nimport as vars from '../styles/variables';\nimport defaultTheme from '../styles/theme';\nimport BoxButton from '../components/button';\nimport BoxLogo from '../icon/logo/BoxLogo';\nimport { createTheme } from './createTheme';\nimport notes from './createTheme.stories.md';\n\nimport IconAllFiles from '../features/left-sidebar/icons/IconAllFiles';\nimport IconNotes from '../features/left-sidebar/icons/IconNotes';\nimport IconRecents from '../features/left-sidebar/icons/IconRecents';\nimport IconTrash from '../features/left-sidebar/icons/IconTrash';\nimport IconFavorites from '../features/left-sidebar/icons/IconFavorites';\nimport IconDevConsole from '../features/left-sidebar/icons/IconDevConsole';\n\nconst Swatch = styled.div`\n display: inline-block;\n background: ${p => p.color};\n border: 1px solid ${vars.bdlGray30};\n height: 1em;\n width: 1em;\n border-radius: ${vars.bdlBorderRadiusSize};\n`;\n\nconst BaseButton = styled(BoxButton)`\n background: ${props => props.theme.base.buttonBackground};\n border-color: ${props => props.theme.base.buttonBorder};\n color: ${props => props.theme.base.buttonForeground};\n\n font-weight: bold;\n border-radius: ${vars.bdlBorderRadiusSizeMed};\n font-size: ${vars.bdlFontSizeDejaBlue};\n\n .btn:not(.is-disabled)&:hover {\n background: ${props => props.theme.base.buttonBackgroundHover};\n border-color: ${props => props.theme.base.buttonBorderHover};\n }\n .btn:not(.is-disabled)&:active {\n background: ${props => props.theme.base.buttonBackgroundActive};\n border-color: ${props => props.theme.base.buttonBorderActive};\n }\n`;\n\nconst PrimaryButton = styled(BoxButton)`\n background: ${props => props.theme.primary.buttonBackground};\n border-color: ${props => props.theme.primary.buttonBorder};\n color: ${props => props.theme.primary.buttonForeground};\n\n font-weight: bold;\n border-radius: ${vars.bdlBorderRadiusSizeMed};\n font-size: ${vars.bdlFontSizeDejaBlue};\n\n .btn:not(.is-disabled)&:hover {\n background: ${props => props.theme.primary.buttonBackgroundHover};\n border-color: ${props => props.theme.primary.buttonBorderHover};\n }\n .btn:not(.is-disabled)&:active {\n background: ${props => props.theme.primary.buttonBackgroundActive};\n border-color: ${props => props.theme.primary.buttonBorderActive};\n }\n`;\n\nconst ThemeDemo = styled.div`\n width: 200px;\n min-height: 500px;\n padding: 8px;\n border-radius: ${vars.bdlBorderRadiusSize};\n display: flex;\n flex-direction: column;\n color: ${p => p.theme.primary.foreground};\n\n border: 1px solid ${p => p.theme.primary.border};\n background: ${p => p.theme.primary.background};\n`;\n\nconst ThemeDemoMenuItem = styled.div`\n cursor: pointer;\n padding: 8px 12px;\n margin: 2px 4px;\n border-radius: ${vars.bdlBorderRadiusSizeLarge};\n font-weight: bold;\n transition: 0.15s;\n border: 1px solid;\n border-color: transparent;\n &:hover {\n background: ${p => p.theme.primary.backgroundHover};\n }\n &.active,\n &:active {\n background: ${p => p.theme.primary.backgroundActive};\n }\n\n &:focus,\n &:active {\n border-color: ${p => p.theme.primary.foreground};\n }\n\n &.alt {\n background: ${p => p.theme.primary.backgroundHover};\n\n &:hover {\n background: ${p => p.theme.primary.backgroundActive};\n }\n }\n`;\n\nconst scroll = keyframes`\n 0% {\n right: 100%;\n left: 0%;\n }\n\n 50% {\n right: 0%;\n left: 0%;\n }\n\n 100% {\n right: 0%;\n left: 100%;\n }\n`;\n\nconst ThemeDemoProgressBar = styled.div`\n position: relative;\n display: inline-block;\n height: 6px;\n width: 300px;\n padding: 0;\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n content: '';\n background-color: ${props => props.theme.primary.progressBarBackground};\n will-change: left, right;\n animation: 2s ${scroll} infinite;\n }\n`;\n\nconst ThemeDemoLogo = styled(BoxLogo)`\n width: 61px;\n height: 32px;\n margin: 4px 4px 16px 4px;\n & path,\n & .fill-color {\n fill: ${props => props.theme.primary.foreground};\n }\n`;\n\nconst ThemeDemoIcon = styled.span`\n margin-right: 8px;\n & svg {\n top: 2px;\n position: relative;\n }\n & path,\n & .fill-color {\n fill: ${props => props.theme.primary.foreground};\n }\n`;\n\nconst Footer = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n`;\n\nexport const ThemeExample = () => {\n const colorText = text('Primary Color Hex');\n const colorMap = color('Primary Color', '#0061d5');\n\n const colorHex = /^#[0-9A-F]{6}$/i.test(colorText) ? colorText : colorMap;\n\n const theme = colorHex ? createTheme(colorHex) : defaultTheme;\n\n return (\n <ThemeProvider theme={theme}>\n <div style={{ float: 'right' }}>\n <section>\n <h4>theme.primary</h4>\n {Object.entries(theme.primary)\n .filter(([key]) => key !== '_debug')\n .map(([key, val]) => (\n <div key={key}>\n <Swatch color={val} /> {key} <code>{val}</code>\n </div>\n ))}\n <span>Theme Color Range: {theme.primary._debug.colorRange}</span>\n <br />\n <h4>theme.base</h4>\n {Object.entries(theme.base).map(([key, val]) => (\n <div key={key}>\n <Swatch color={val} /> {key} <code>{val}</code>\n </div>\n ))}\n </section>\n </div>\n <div style={{ marginLeft: -5 }}>\n <BaseButton>Base</BaseButton>\n <PrimaryButton>Primary</PrimaryButton>\n </div>\n <br />\n <ThemeDemoProgressBar />\n <br />\n <br />\n <ThemeDemo>\n <ThemeDemoLogo />\n <ThemeDemoMenuItem className=\"active\">\n <ThemeDemoIcon>\n <IconAllFiles />\n </ThemeDemoIcon>\n All Files\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem>\n <ThemeDemoIcon>\n <IconRecents />\n </ThemeDemoIcon>\n Recents\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem>\n <ThemeDemoIcon>\n <IconFavorites />\n </ThemeDemoIcon>\n Favorites\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem>\n <ThemeDemoIcon>\n <IconTrash />\n </ThemeDemoIcon>\n Trash\n </ThemeDemoMenuItem>\n <Footer>\n <ThemeDemoMenuItem className=\"alt\">\n <ThemeDemoIcon>\n <IconNotes />\n </ThemeDemoIcon>\n Notes\n </ThemeDemoMenuItem>\n <ThemeDemoMenuItem className=\"alt\">\n <ThemeDemoIcon>\n <IconDevConsole />\n </ThemeDemoIcon>\n Developer Console\n </ThemeDemoMenuItem>\n </Footer>\n </ThemeDemo>\n <br />\n <section>\n <details>\n <summary>JSON Theme</summary>\n <pre>\n <code>{JSON.stringify(theme, null, 2)}</code>\n </pre>\n </details>\n </section>\n </ThemeProvider>\n );\n};\n\nexport default {\n title: 'Theming\|Theme',\n component: ThemeExample,\n parameters: { notes },\n};\n"],"file":"createTheme.stories.js"}

package/i18n/bn-IN.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "এই আপলোডটি বাতিল করুন",
   "be.uploadsDefaultErrorMessage": "আপলোডে কিছু ত্রুটি ঘটেছে। অনুগ্রহ করে আবার চেষ্টা করুন।",
   "be.uploadsFileSizeLimitExceededErrorMessage": "ফাইলের আকার ফোল্ডারের মালিকের ফাইলের আকারের সীমা অতিক্রম করে",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "এই নামের একটি ফাইল ইতিমধ্যে বিদ্যমান।",
   "be.uploadsManagerUploadComplete": "সম্পূর্ণ হয়েছে",
   "be.uploadsManagerUploadFailed": "কিছু আপলোড ব্যর্থ হয়েছে",

package/i18n/bn-IN.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = এই আপলোডটি বাতিল ক
 be.uploadsDefaultErrorMessage = আপলোডে কিছু ত্রুটি ঘটেছে। অনুগ্রহ করে আবার চেষ্টা করুন।
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = ফাইলের আকার ফোল্ডারের মালিকের ফাইলের আকারের সীমা অতিক্রম করে
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = এই নামের একটি ফাইল ইতিমধ্যে বিদ্যমান।
 # Text shown when uploads are completed

package/i18n/da-DK.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Annuller denne upload",
   "be.uploadsDefaultErrorMessage": "Der gik noget galt med uploaden. Prøv igen.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "Filstørrelsen overstiger mappeejerens tilladte filstørrelse",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Der findes allerede en fil med samme navn.",
   "be.uploadsManagerUploadComplete": "Fuldført",
   "be.uploadsManagerUploadFailed": "Nogle uploads mislykkedes",

package/i18n/da-DK.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Annuller denne upload
 be.uploadsDefaultErrorMessage = Der gik noget galt med uploaden. Prøv igen.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = Filstørrelsen overstiger mappeejerens tilladte filstørrelse
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = Der findes allerede en fil med samme navn.
 # Text shown when uploads are completed

package/i18n/de-DE.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Diesen Hochladevorgang abbrechen",
   "be.uploadsDefaultErrorMessage": "Beim Hochladen ist ein Fehler aufgetreten. Versuchen Sie es erneut.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "Dateigröße übersteigt die maximale Dateigröße des Ordnereigentümers",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Eine Datei mit diesem Namen ist bereits vorhanden.",
   "be.uploadsManagerUploadComplete": "Abgeschlossen",
   "be.uploadsManagerUploadFailed": "Einige Hochladevorgänge sind fehlgeschlagen.",

package/i18n/de-DE.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Diesen Hochladevorgang abbrechen
 be.uploadsDefaultErrorMessage = Beim Hochladen ist ein Fehler aufgetreten. Versuchen Sie es erneut.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = Dateigröße übersteigt die maximale Dateigröße des Ordnereigentümers
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = Eine Datei mit diesem Namen ist bereits vorhanden.
 # Text shown when uploads are completed

package/i18n/en-AU.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Cancel this upload",
   "be.uploadsDefaultErrorMessage": "Something went wrong with the upload. Please try again.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "File size exceeds the folder owner's file size limit",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "A file with this name already exists.",
   "be.uploadsManagerUploadComplete": "Completed",
   "be.uploadsManagerUploadFailed": "Some uploads failed",

package/i18n/en-AU.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Cancel this upload
 be.uploadsDefaultErrorMessage = Something went wrong with the upload. Please try again.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = File size exceeds the folder owner's file size limit
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = A file with this name already exists.
 # Text shown when uploads are completed

package/i18n/en-CA.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Cancel this upload",
   "be.uploadsDefaultErrorMessage": "Something went wrong with the upload. Please try again.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "File size exceeds the folder owner’s file size limit",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "A file with this name already exists.",
   "be.uploadsManagerUploadComplete": "Completed",
   "be.uploadsManagerUploadFailed": "Some Uploads Failed",

package/i18n/en-CA.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Cancel this upload
 be.uploadsDefaultErrorMessage = Something went wrong with the upload. Please try again.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = File size exceeds the folder owner’s file size limit
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = A file with this name already exists.
 # Text shown when uploads are completed

package/i18n/en-GB.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Cancel this upload",
   "be.uploadsDefaultErrorMessage": "Something went wrong with the upload. Please try again.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "File size exceeds the folder owner's file size limit",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "A file with this name already exists.",
   "be.uploadsManagerUploadComplete": "Completed",
   "be.uploadsManagerUploadFailed": "Some uploads failed",

package/i18n/en-GB.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Cancel this upload
 be.uploadsDefaultErrorMessage = Something went wrong with the upload. Please try again.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = File size exceeds the folder owner's file size limit
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = A file with this name already exists.
 # Text shown when uploads are completed

package/i18n/en-US.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Cancel this upload",
   "be.uploadsDefaultErrorMessage": "Something went wrong with the upload. Please try again.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "File size exceeds the folder owner’s file size limit",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "A file with this name already exists.",
   "be.uploadsManagerUploadComplete": "Completed",
   "be.uploadsManagerUploadFailed": "Some Uploads Failed",

package/i18n/en-US.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Cancel this upload
 be.uploadsDefaultErrorMessage = Something went wrong with the upload. Please try again.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = File size exceeds the folder owner’s file size limit
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = A file with this name already exists.
 # Text shown when uploads are completed

package/i18n/en-x-pseudo.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "⟦萬萬萬萬萬 Ćάиċëļ τнìś цΡĺōāď 國國國國國⟧",
   "be.uploadsDefaultErrorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 Ѕоměτнιπĝ ẃέŋŧ ωяôпġ ŵίτħ ŧĥê úΡľöáď. Pľěäşе ŧґÿ áġάìπ. 國國國國國國國國國國國國國國國國⟧",
   "be.uploadsFileSizeLimitExceededErrorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬萬萬萬萬 ₣іľê ѕìżè ęхćēēďѕ τħè ƒőĺďëŕ òŵŉéг’ś ƒϊļė ŝϊżĕ ĺіmίť 國國國國國國國國國國國國國國國⟧",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "⟦萬萬萬萬萬萬萬萬萬萬萬 Ă ƒįļė ωιτħ τнìş иämέ αĺŗêăďУ êхíşτѕ. 國國國國國國國國國國國⟧",
   "be.uploadsManagerUploadComplete": "⟦萬萬 ÇόmΡľēŧёď 國國⟧",
   "be.uploadsManagerUploadFailed": "⟦萬萬萬萬萬 Ŝōmę ЏΡĺõáďş ₣ãíĺέď 國國國國國⟧",

package/i18n/es-419.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Cancelar esta carga",
   "be.uploadsDefaultErrorMessage": "Se ha producido un error durante la carga. Inténtelo de nuevo.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "El tamaño de archivo supera el límite establecido por el propietario de la carpeta.",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Ya existe un archivo con este nombre.",
   "be.uploadsManagerUploadComplete": "Completadas",
   "be.uploadsManagerUploadFailed": "Se han producido errores en algunas cargas.",

package/i18n/es-419.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Cancelar esta carga
 be.uploadsDefaultErrorMessage = Se ha producido un error durante la carga. Inténtelo de nuevo.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = El tamaño de archivo supera el límite establecido por el propietario de la carpeta.
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = Ya existe un archivo con este nombre.
 # Text shown when uploads are completed

package/i18n/es-ES.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Cancelar esta carga",
   "be.uploadsDefaultErrorMessage": "Se ha producido un error durante la carga. Inténtelo de nuevo.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "El tamaño de archivo supera el límite establecido por el propietario de la carpeta.",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Ya existe un archivo con este nombre.",
   "be.uploadsManagerUploadComplete": "Completadas",
   "be.uploadsManagerUploadFailed": "Se han producido errores en algunas cargas.",

package/i18n/es-ES.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Cancelar esta carga
 be.uploadsDefaultErrorMessage = Se ha producido un error durante la carga. Inténtelo de nuevo.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = El tamaño de archivo supera el límite establecido por el propietario de la carpeta.
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = Ya existe un archivo con este nombre.
 # Text shown when uploads are completed

package/i18n/fi-FI.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Peruuta lataus",
   "be.uploadsDefaultErrorMessage": "Latauksen aikana tapahtui virhe. Yritä uudelleen.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "Tiedostokoko ylittää kansion omistajan kokorajoituksen.",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Samanniminen tiedosto on jo olemassa.",
   "be.uploadsManagerUploadComplete": "Valmis",
   "be.uploadsManagerUploadFailed": "Osa latauksista epäonnistui",

package/i18n/fi-FI.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Peruuta lataus
 be.uploadsDefaultErrorMessage = Latauksen aikana tapahtui virhe. Yritä uudelleen.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = Tiedostokoko ylittää kansion omistajan kokorajoituksen.
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = Samanniminen tiedosto on jo olemassa.
 # Text shown when uploads are completed

package/i18n/fr-CA.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Annuler ce chargement",
   "be.uploadsDefaultErrorMessage": "Une erreur s'est produite lors du chargement. Veuillez réessayer.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "La taille du fichier dépasse la limite définie par le propriétaire du dossier",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Un fichier portant le même nom existe déjà.",
   "be.uploadsManagerUploadComplete": "Terminé",
   "be.uploadsManagerUploadFailed": "Certains chargements ont échoué",

package/i18n/fr-CA.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Annuler ce chargement
 be.uploadsDefaultErrorMessage = Une erreur s'est produite lors du chargement. Veuillez réessayer.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = La taille du fichier dépasse la limite définie par le propriétaire du dossier
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = Un fichier portant le même nom existe déjà.
 # Text shown when uploads are completed

package/i18n/fr-FR.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Annuler ce chargement",
   "be.uploadsDefaultErrorMessage": "Une erreur s'est produite lors du chargement. Veuillez réessayer.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "La taille du fichier dépasse la limite définie par le propriétaire du dossier",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Un fichier portant le même nom existe déjà.",
   "be.uploadsManagerUploadComplete": "Terminé",
   "be.uploadsManagerUploadFailed": "Certains chargements ont échoué",

package/i18n/fr-FR.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = Annuler ce chargement
 be.uploadsDefaultErrorMessage = Une erreur s'est produite lors du chargement. Veuillez réessayer.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = La taille du fichier dépasse la limite définie par le propriétaire du dossier
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = Un fichier portant le même nom existe déjà.
 # Text shown when uploads are completed

package/i18n/hi-IN.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "इस अपलोड को रद्द करें",
   "be.uploadsDefaultErrorMessage": "अपलोड में कुछ गलत हुआ है. कृपया फिर से प्रयास करें.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "फ़ाइल का आकार फ़ोल्डर स्वामी की फ़ाइल आकार सीमा से अधिक है",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "इस नाम की एक फ़ाइल पहले से मौजूद है.",
   "be.uploadsManagerUploadComplete": "पूरा हुआ",
   "be.uploadsManagerUploadFailed": "कुछ अपलोड विफल रहे",

package/i18n/hi-IN.properties CHANGED Viewed

@@ -666,6 +666,10 @@ be.uploadsCancelButtonTooltip = इस अपलोड को रद्द क
 be.uploadsDefaultErrorMessage = अपलोड में कुछ गलत हुआ है. कृपया फिर से प्रयास करें.
 # Error message shown when file size exceeds the limit
 be.uploadsFileSizeLimitExceededErrorMessage = फ़ाइल का आकार फ़ोल्डर स्वामी की फ़ाइल आकार सीमा से अधिक है
+# Error message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta = This file exceeds your plan’s upload limit. Upgrade now to store larger files.
+# Upgrade message shown when file size exceeds the limit
+be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta = Upgrade
 # Error message shown when attempting to upload a file which name already exists
 be.uploadsItemNameInUseErrorMessage = इस नाम की एक फ़ाइल पहले से मौजूद है.
 # Text shown when uploads are completed

package/i18n/it-IT.js CHANGED Viewed

@@ -333,6 +333,8 @@ export default {
   "be.uploadsCancelButtonTooltip": "Annulla questo upload",
   "be.uploadsDefaultErrorMessage": "Errore durante l'upload. Riprova.",
   "be.uploadsFileSizeLimitExceededErrorMessage": "Le dimensioni del file superano il limite ammesso dal proprietario della cartella",
+  "be.uploadsFileSizeLimitExceededErrorMessageForUpgradeCta": "This file exceeds your plan’s upload limit. Upgrade now to store larger files.",
+  "be.uploadsFileSizeLimitExceededUpgradeMessageForUpgradeCta": "Upgrade",
   "be.uploadsItemNameInUseErrorMessage": "Un file con questo nome esiste già.",
   "be.uploadsManagerUploadComplete": "Completati",
   "be.uploadsManagerUploadFailed": "Alcuni upload non sono riusciti",