box-ui-elements 15.1.0-beta.19 → 15.1.0-beta.21

package/src/icon/logo/Security32.js.flow

@@ -0,0 +1,36 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Security32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 13v-2a4 4 0 018 0v2h1a2 2 0 012 2v8a2 2 0 01-2 2H11a2 2 0 01-2-2v-8a2 2 0 012-2h1zm6-2v2h-4v-2a2 2 0 114 0zm-1.998 10.699a.63.63 0 01-.566.301.671.671 0 01-.543-.266l-1.713-1.627a.793.793 0 01-.14-.233.69.69 0 01-.04-.233.64.64 0 01.174-.459.58.58 0 01.438-.182c.192 0 .35.08.474.238l1.34 1.174 2.422-4.076a.742.742 0 01.236-.26.57.57 0 01.3-.076.58.58 0 01.44.182.632.632 0 01.176.456c0 .065-.01.134-.031.205a.907.907 0 01-.1.219l-2.867 4.637z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Security32;

package/src/icon/logo/Security32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import Security32 from './Security32';
+
+export const security32 = () => <Security32 />;
+
+export default {
+    title: 'Icon|Logo|Security32',
+    component: Security32,
+    parameters: {
+        notes: "`import Security32 from 'box-ui-elements/es/icon/logo/Security32';`",
+    },
+};

package/src/icon/logo/Security32.tsx

@@ -0,0 +1,34 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const Security32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M12 13v-2a4 4 0 018 0v2h1a2 2 0 012 2v8a2 2 0 01-2 2H11a2 2 0 01-2-2v-8a2 2 0 012-2h1zm6-2v2h-4v-2a2 2 0 114 0zm-1.998 10.699a.63.63 0 01-.566.301.671.671 0 01-.543-.266l-1.713-1.627a.793.793 0 01-.14-.233.69.69 0 01-.04-.233.64.64 0 01.174-.459.58.58 0 01.438-.182c.192 0 .35.08.474.238l1.34 1.174 2.422-4.076a.742.742 0 01.236-.26.57.57 0 01.3-.076.58.58 0 01.44.182.632.632 0 01.176.456c0 .065-.01.134-.031.205a.907.907 0 01-.1.219l-2.867 4.637z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default Security32;

package/src/icon/logo/TroubleShootingTools32.js.flow

@@ -0,0 +1,37 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const TroubleShootingTools32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M20 19c-1 1.5-1 2.333-1 3h-6c0-.5 0-1.5-1-3-.236-.354-.528-.708-.836-1.082C10.167 16.708 9 15.292 9 13c0-3 2-7 7-7s7 4 7 7c0 2.345-1.353 3.97-2.32 5.13-.27.325-.509.613-.68.87zm-6.3-5.79l-.7.677L14.952 16 19 11.682 18.304 11l-3.347 3.57-1.256-1.36z"
+            fill="#fff"
+        />
+        <path d="M13 24v-1h6v1h-6zm1.268 1a2 2 0 003.464 0h-3.464z" fill="#fff" />
+    </AccessibleSVG>
+);
+
+export default TroubleShootingTools32;

package/src/icon/logo/TroubleShootingTools32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import TroubleShootingTools32 from './TroubleShootingTools32';
+
+export const troubleShootingTools32 = () => <TroubleShootingTools32 />;
+
+export default {
+    title: 'Icon|Logo|TroubleShootingTools32',
+    component: TroubleShootingTools32,
+    parameters: {
+        notes: "`import TroubleShootingTools32 from 'box-ui-elements/es/icon/logo/TroubleShootingTools32';`",
+    },
+};

package/src/icon/logo/TroubleShootingTools32.tsx

@@ -0,0 +1,35 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const TroubleShootingTools32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlGray80}
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M20 19c-1 1.5-1 2.333-1 3h-6c0-.5 0-1.5-1-3-.236-.354-.528-.708-.836-1.082C10.167 16.708 9 15.292 9 13c0-3 2-7 7-7s7 4 7 7c0 2.345-1.353 3.97-2.32 5.13-.27.325-.509.613-.68.87zm-6.3-5.79l-.7.677L14.952 16 19 11.682 18.304 11l-3.347 3.57-1.256-1.36z"
+            fill="#fff"
+        />
+        <path d="M13 24v-1h6v1h-6zm1.268 1a2 2 0 003.464 0h-3.464z" fill="#fff" />
+    </AccessibleSVG>
+);
+
+export default TroubleShootingTools32;

package/src/icon/logo/UserSettings32.js.flow

@@ -0,0 +1,44 @@
+// @flow
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG from '../../icons/accessible-svg';
+import type { Icon } from '../../icons/flowTypes';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const UserSettings32 = (props: Icon) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            d="M14.5 15a3.37 3.37 0 001.755-.471 3.59 3.59 0 001.269-1.273A3.445 3.445 0 0018 11.463c0-.64-.159-1.221-.476-1.744a3.586 3.586 0 00-1.274-1.252A3.4 3.4 0 0014.5 8c-.64 0-1.227.157-1.759.471a3.621 3.621 0 00-1.274 1.256A3.234 3.234 0 0011 11.471c0 .656.157 1.251.472 1.785.314.534.736.958 1.264 1.273A3.387 3.387 0 0014.5 15z"
+            fill="#fff"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M21.765 17c.236 0 .44.17.47.4l.122.827c.147.068.289.148.425.24l.816-.318a.478.478 0 01.574.206l.767 1.29a.469.469 0 01-.122.605l-.677.515a5.24 5.24 0 010 .469l.678.516c.186.142.235.4.117.61l-.76 1.279a.475.475 0 01-.586.207l-.808-.315a3.22 3.22 0 01-.424.24l-.122.823a.47.47 0 01-.47.405h-1.527a.469.469 0 01-.47-.4l-.122-.827a3.062 3.062 0 01-.425-.24l-.816.318a.477.477 0 01-.574-.206l-.767-1.29a.47.47 0 01.122-.605l.676-.515a5.382 5.382 0 010-.469l-.677-.516a.464.464 0 01-.118-.61l.76-1.279a.475.475 0 01.586-.208l.809.316a3.21 3.21 0 01.423-.24l.122-.823a.47.47 0 01.47-.405h1.528zM21 19.285c-.944 0-1.714.77-1.714 1.715A1.715 1.715 0 1021 19.285z"
+            fill="#fff"
+        />
+        <path
+            d="M14.266 17c.996 0 1.908.145 2.734.434-.14.113-.26.254-.354.423l-.73 1.268A1.497 1.497 0 0016.219 21a1.504 1.504 0 00-.321 1.841l.006.012.66 1.147h-7.57c-.745 0-1.264-.125-1.556-.374-.292-.25-.438-.598-.438-1.045 0-.597.17-1.217.51-1.862.34-.645.827-1.25 1.462-1.813.635-.564 1.4-1.023 2.293-1.376.893-.353 1.893-.53 3-.53z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default UserSettings32;

package/src/icon/logo/UserSettings32.stories.tsx

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+import UserSettings32 from './UserSettings32';
+
+export const userSettings32 = () => <UserSettings32 />;
+
+export default {
+    title: 'Icon|Logo|UserSettings32',
+    component: UserSettings32,
+    parameters: {
+        notes: "`import UserSettings32 from 'box-ui-elements/es/icon/logo/UserSettings32';`",
+    },
+};

package/src/icon/logo/UserSettings32.tsx

@@ -0,0 +1,42 @@
+/* eslint-disable react/jsx-sort-props */
+import * as React from 'react';
+import * as vars from '../../styles/variables';
+import AccessibleSVG, { SVGProps } from '../../components/accessible-svg/AccessibleSVG';
+
+/**
+ * This is an auto-generated component and should not be edited
+ * manually in contributor pull requests.
+ *
+ * If you have problems with this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Bug_report.md
+ *
+ * If there are missing features in this component:
+ * - https://github.com/box/box-ui-elements/issues/new?template=Feature_request.md
+ */
+
+const UserSettings32 = (props: SVGProps) => (
+    <AccessibleSVG width={32} height={32} viewBox="0 0 32 32" {...props}>
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M0 7.692v16.616c0 2.675.278 3.645.801 4.622A5.452 5.452 0 003.07 31.2c.978.522 1.948.801 4.623.801h16.616c2.675 0 3.645-.279 4.622-.801a5.452 5.452 0 002.269-2.27c.522-.977.801-1.947.801-4.622V7.692c0-2.675-.279-3.645-.801-4.623A5.452 5.452 0 0028.93.801C27.953.278 26.983 0 24.308 0H7.692C5.017 0 4.047.278 3.069.801A5.452 5.452 0 00.801 3.07C.278 4.047 0 5.017 0 7.692z"
+            fill={vars.bdlDarkBlue}
+        />
+        <path
+            d="M14.5 15a3.37 3.37 0 001.755-.471 3.59 3.59 0 001.269-1.273A3.445 3.445 0 0018 11.463c0-.64-.159-1.221-.476-1.744a3.586 3.586 0 00-1.274-1.252A3.4 3.4 0 0014.5 8c-.64 0-1.227.157-1.759.471a3.621 3.621 0 00-1.274 1.256A3.234 3.234 0 0011 11.471c0 .656.157 1.251.472 1.785.314.534.736.958 1.264 1.273A3.387 3.387 0 0014.5 15z"
+            fill="#fff"
+        />
+        <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M21.765 17c.236 0 .44.17.47.4l.122.827c.147.068.289.148.425.24l.816-.318a.478.478 0 01.574.206l.767 1.29a.469.469 0 01-.122.605l-.677.515a5.24 5.24 0 010 .469l.678.516c.186.142.235.4.117.61l-.76 1.279a.475.475 0 01-.586.207l-.808-.315a3.22 3.22 0 01-.424.24l-.122.823a.47.47 0 01-.47.405h-1.527a.469.469 0 01-.47-.4l-.122-.827a3.062 3.062 0 01-.425-.24l-.816.318a.477.477 0 01-.574-.206l-.767-1.29a.47.47 0 01.122-.605l.676-.515a5.382 5.382 0 010-.469l-.677-.516a.464.464 0 01-.118-.61l.76-1.279a.475.475 0 01.586-.208l.809.316a3.21 3.21 0 01.423-.24l.122-.823a.47.47 0 01.47-.405h1.528zM21 19.285c-.944 0-1.714.77-1.714 1.715A1.715 1.715 0 1021 19.285z"
+            fill="#fff"
+        />
+        <path
+            d="M14.266 17c.996 0 1.908.145 2.734.434-.14.113-.26.254-.354.423l-.73 1.268A1.497 1.497 0 0016.219 21a1.504 1.504 0 00-.321 1.841l.006.012.66 1.147h-7.57c-.745 0-1.264-.125-1.556-.374-.292-.25-.438-.598-.438-1.045 0-.597.17-1.217.51-1.862.34-.645.827-1.25 1.462-1.813.635-.564 1.4-1.023 2.293-1.376.893-.353 1.893-.53 3-.53z"
+            fill="#fff"
+        />
+    </AccessibleSVG>
+);
+
+export default UserSettings32;

package/src/styles/constants/_media-queries.scss

@@ -1,3 +1,7 @@
+$size-small-medium-min: 375px;
+$size-medium-min: 461px;
+$size-large-min: 768px;
+
 $size-small-max: 374px;
 $size-small-medium-max: 460px;
 $size-medium-max: 767px;

package/src/styles/variables.js

@@ -103,6 +103,9 @@ 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
+export const sizeSmallMediumMin = "375px"; // size-small-medium-min
+export const sizeMediumMin = "461px"; // size-medium-min
+export const sizeLargeMin = "768px"; // size-large-min
 export const sizeSmallMax = "374px"; // size-small-max
 export const sizeSmallMediumMax = "460px"; // size-small-medium-max
 export const sizeMediumMax = "767px"; // size-medium-max
@@ -110,4 +113,4 @@ export const sizeLargeMax = "1023px"; // size-large-max
 export const smallScreen = "(max-width: 374px)"; // small-screen
 export const smallMediumScreen = "(max-width: 460px)"; // small-medium-screen
 export const mediumScreen = "(max-width: 767px)"; // medium-screen
-export const largeScreen = "(max-width: 1023px)"; // large-screen
+export const largeScreen = "(max-width: 1023px)"; // large-screen

package/src/styles/variables.json

@@ -100,6 +100,9 @@
     "bdl-btn-padding-horizontal": "16px",
     "bdl-transitionDurationBase": "0.15s",
     "bdl-timingFunction": ["cubic-bezier(0", "0", "0.6", "1)"],
+    "size-small-medium-min": "375px",
+    "size-medium-min": "461px",
+    "size-large-min": "768px",
     "size-small-max": "374px",
     "size-small-medium-max": "460px",
     "size-medium-max": "767px",

package/src/styles/variables.ts

@@ -100,6 +100,9 @@ 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
+export const sizeSmallMediumMin = '375px'; // size-small-medium-min
+export const sizeMediumMin = '461px'; // size-medium-min
+export const sizeLargeMin = '768px'; // size-large-min
 export const sizeSmallMax = '374px'; // size-small-max
 export const sizeSmallMediumMax = '460px'; // size-small-medium-max
 export const sizeMediumMax = '767px'; // size-medium-max