@channel.io/bezier-react 1.1.0 → 1.2.0

package/README.md

@@ -2,7 +2,7 @@
 
 Bezier React is a React components library that implements Bezier Design System.
 
-## Install
+## Installation
 
 ### npm
 
@@ -38,7 +38,7 @@ root.render(
 )
 ```
 
-## Contribute
+## Contributing
 
 See [contribution guide](../../CONTRIBUTING.md).
 

package/build/index.cjs.js

@@ -4841,6 +4841,22 @@ function SvgCreditcard(props) {
 }
 var Creditcard = createBezierIcon(SvgCreditcard);
 
+function SvgCrop(props) {
+  return React__namespace.createElement("svg", Object.assign({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), React__namespace.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 7v9a3 3 0 0 0 3 3h9v4h2v-4h4v-2h-4V8a3 3 0 0 0-3-3H7V1H5v4H1v2h4Zm2 0v9a1 1 0 0 0 1 1h9V8a1 1 0 0 0-1-1H7Z"
+  }));
+}
+var Crop = createBezierIcon(SvgCrop);
+
 function SvgCrownFilled(props) {
   return React__namespace.createElement("svg", Object.assign({
     width: "1em",
@@ -8207,6 +8223,39 @@ function SvgRuler(props) {
 }
 var Ruler = createBezierIcon(SvgRuler);
 
+function SvgScreenshareFilled(props) {
+  return React__namespace.createElement("svg", Object.assign({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), React__namespace.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6 4a4 4 0 0 0-4 4v8a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V8a4 4 0 0 0-4-4H6Zm1.293 8.707a1 1 0 0 1 0-1.414L10.586 8a2 2 0 0 1 2.828 0l3.293 3.293a1 1 0 0 1-1.414 1.414L13 10.414V17a1 1 0 1 1-2 0v-6.586l-2.293 2.293a1 1 0 0 1-1.414 0Z"
+  }));
+}
+var ScreenshareFilled = createBezierIcon(SvgScreenshareFilled);
+
+function SvgScreenshare(props) {
+  return React__namespace.createElement("svg", Object.assign({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M2 8a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4h-2.5a1 1 0 1 1 0-2H18a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2.5a1 1 0 1 1 0 2H6a4 4 0 0 1-4-4V8Z"
+  }), React__namespace.createElement("path", {
+    fill: "currentColor",
+    d: "M13 11.414V19a1 1 0 1 1-2 0v-7.586l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 9a2 2 0 0 1 2.828 0l3.293 3.293a1 1 0 0 1-1.414 1.414L13 11.414Z"
+  }));
+}
+var Screenshare = createBezierIcon(SvgScreenshare);
+
 function SvgSearchBold(props) {
   return React__namespace.createElement("svg", Object.assign({
     width: "1em",
@@ -9901,7 +9950,7 @@ function SvgWifiOff(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), React__namespace.createElement("path", {
     fill: "currentColor",
-    d: "M3.814 1.807a1 1 0 0 0 0 1.414l15.97 15.971a1 1 0 0 0 1.415-1.414l-3.643-3.643.943-.995c.21-.22.2-.57-.03-.767a9.96 9.96 0 0 0-4.93-2.255l-2.105-2.105a11.953 11.953 0 0 1 8.448 2.94.517.517 0 0 0 .715-.027l1.341-1.416c.209-.22.2-.57-.028-.77A14.943 14.943 0 0 0 12 5c-1.109 0-2.19.12-3.23.349L5.228 1.807a1 1 0 0 0-1.414 0ZM2.09 8.74a15.02 15.02 0 0 1 3.516-2.313L7.898 8.72c-1.4.51-2.68 1.272-3.781 2.233a.517.517 0 0 1-.714-.027L2.062 9.51a.535.535 0 0 1 .028-.77ZM5.532 12.373a9.972 9.972 0 0 1 3.963-2.057l2.686 2.686a6.971 6.971 0 0 0-4.62 1.585.529.529 0 0 1-.72-.032l-1.34-1.415a.527.527 0 0 1 .03-.767ZM8.94 16.77c-.21-.221-.202-.572.04-.755A4.978 4.978 0 0 1 12 15c1.134 0 2.18.378 3.02 1.015.242.183.25.534.04.754l-2.697 2.848a.5.5 0 0 1-.726 0l-2.698-2.848Z"
+    d: "M3.814 1.807a1 1 0 0 0 0 1.414l15.97 15.971a1 1 0 0 0 1.415-1.414l-3.643-3.643.943-.995c.21-.22.2-.57-.03-.767a9.96 9.96 0 0 0-4.93-2.255l-2.105-2.105a11.954 11.954 0 0 1 8.449 2.94.517.517 0 0 0 .714-.027l1.341-1.416c.209-.22.2-.57-.028-.77A14.943 14.943 0 0 0 12 5c-1.109 0-2.19.12-3.23.349L5.228 1.807a1 1 0 0 0-1.414 0ZM2.09 8.74a15.02 15.02 0 0 1 3.516-2.313L7.898 8.72c-1.4.51-2.68 1.272-3.78 2.233a.517.517 0 0 1-.715-.027L2.062 9.51a.535.535 0 0 1 .028-.77ZM5.532 12.373a9.972 9.972 0 0 1 3.963-2.057l2.686 2.686a6.971 6.971 0 0 0-4.62 1.585.529.529 0 0 1-.72-.032l-1.34-1.415a.527.527 0 0 1 .03-.767ZM8.94 16.77c-.21-.221-.202-.572.04-.755A4.978 4.978 0 0 1 12 15c1.134 0 2.18.378 3.02 1.015.242.183.25.534.04.754l-2.697 2.848a.5.5 0 0 1-.726 0l-2.698-2.848Z"
   }));
 }
 var WifiOff = createBezierIcon(SvgWifiOff);
@@ -9918,7 +9967,7 @@ function SvgWifiPoor(props) {
     opacity: 0.3
   }, React__namespace.createElement("path", {
     fill: "currentColor",
-    d: "M16.44 14.588a.529.529 0 0 0 .718-.033L18.5 13.14c.21-.22.2-.57-.03-.767A9.96 9.96 0 0 0 12 10a9.96 9.96 0 0 0-6.468 2.373.527.527 0 0 0-.031.767l1.34 1.415c.19.2.506.208.72.033A6.971 6.971 0 0 1 12 13c1.685 0 3.231.595 4.44 1.588Z"
+    d: "M16.44 14.588a.53.53 0 0 0 .718-.033L18.5 13.14c.21-.22.2-.57-.03-.767A9.96 9.96 0 0 0 12 10a9.96 9.96 0 0 0-6.468 2.373.527.527 0 0 0-.031.767l1.34 1.415c.19.2.506.208.72.033A6.971 6.971 0 0 1 12 13c1.685 0 3.231.595 4.44 1.588Z"
   }), React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M19.883 10.952a.517.517 0 0 0 .714-.027l1.341-1.415c.209-.22.2-.57-.028-.77A14.943 14.943 0 0 0 12 5a14.943 14.943 0 0 0-9.91 3.74.535.535 0 0 0-.028.77l1.341 1.415c.19.201.506.209.714.027A11.954 11.954 0 0 1 12 8c3.017 0 5.774 1.114 7.883 2.952Z"
@@ -9956,7 +10005,7 @@ function SvgWifi(props) {
     xmlns: "http://www.w3.org/2000/svg"
   }, props), React__namespace.createElement("path", {
     fill: "currentColor",
-    d: "M8.98 16.015c-.242.183-.25.534-.04.754l2.697 2.848a.5.5 0 0 0 .726 0l2.697-2.848c.21-.22.202-.57-.04-.754A4.978 4.978 0 0 0 12 15c-1.134 0-2.18.378-3.02 1.015ZM16.44 14.588a.53.53 0 0 0 .718-.033L18.5 13.14c.21-.22.2-.57-.03-.767A9.96 9.96 0 0 0 12 10a9.96 9.96 0 0 0-6.468 2.373.527.527 0 0 0-.031.767l1.34 1.415c.19.2.506.208.72.033A6.971 6.971 0 0 1 12 13c1.685 0 3.231.595 4.44 1.588Z"
+    d: "M8.98 16.015c-.242.183-.25.534-.04.754l2.697 2.848a.5.5 0 0 0 .726 0l2.697-2.848c.21-.22.202-.57-.04-.754A4.978 4.978 0 0 0 12 15c-1.134 0-2.18.378-3.02 1.015ZM16.44 14.588a.529.529 0 0 0 .718-.033L18.5 13.14c.21-.22.2-.57-.03-.767A9.96 9.96 0 0 0 12 10a9.96 9.96 0 0 0-6.468 2.373.527.527 0 0 0-.031.767l1.34 1.415c.19.2.506.208.72.033A6.971 6.971 0 0 1 12 13c1.685 0 3.231.595 4.44 1.588Z"
   }), React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M19.883 10.952a.517.517 0 0 0 .714-.027l1.341-1.415c.209-.22.2-.57-.028-.77A14.943 14.943 0 0 0 12 5a14.943 14.943 0 0 0-9.91 3.74.535.535 0 0 0-.028.77l1.341 1.415c.19.201.506.209.714.027A11.954 11.954 0 0 1 12 8c3.017 0 5.774 1.114 7.883 2.952Z"
@@ -10277,6 +10326,7 @@ const icons = {
   coupon: Coupon,
   credit: Credit,
   creditcard: Creditcard,
+  crop: Crop,
   'crown-filled': CrownFilled,
   data: Data,
   desktop: Desktop,
@@ -10484,6 +10534,8 @@ const icons = {
   rotate: Rotate,
   row: Row,
   ruler: Ruler,
+  'screenshare-filled': ScreenshareFilled,
+  screenshare: Screenshare,
   'search-bold': SearchBold,
   search: Search,
   'security-person': SecurityPerson,
@@ -28573,6 +28625,7 @@ exports.CookieIcon = Cookie;
 exports.CouponIcon = Coupon;
 exports.CreditIcon = Credit;
 exports.CreditcardIcon = Creditcard;
+exports.CropIcon = Crop;
 exports.CrownFilledIcon = CrownFilled;
 exports.DarkFoundation = DarkFoundation;
 exports.DataIcon = Data;
@@ -28821,6 +28874,8 @@ exports.RotateIcon = Rotate;
 exports.Rounding = Rounding;
 exports.RowIcon = Row;
 exports.RulerIcon = Ruler;
+exports.ScreenshareFilledIcon = ScreenshareFilled;
+exports.ScreenshareIcon = Screenshare;
 exports.SearchBoldIcon = SearchBold;
 exports.SearchIcon = Search;
 exports.SectionLabel = SectionLabel;