@7shifts/sous-chef 2.2.0 → 2.3.0

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.
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { IconSize } from '../types';
3
+ declare type Props = {
4
+ size?: IconSize;
5
+ color?: string;
6
+ } & React.SVGProps<SVGSVGElement>;
7
+ declare const IconGavel: {
8
+ (props: Props): JSX.Element;
9
+ displayName: string;
10
+ };
11
+ export default IconGavel;
@@ -56,6 +56,7 @@ export { default as IconFile } from './IconFile';
56
56
  export { default as IconFlag } from './IconFlag';
57
57
  export { default as IconFourDotsCircle } from './IconFourDotsCircle';
58
58
  export { default as IconFourSquares } from './IconFourSquares';
59
+ export { default as IconGavel } from './IconGavel';
59
60
  export { default as IconGift } from './IconGift';
60
61
  export { default as IconGrinBeam } from './IconGrinBeam';
61
62
  export { default as IconGripVertical } from './IconGripVertical';
package/dist/index.js CHANGED
@@ -1785,6 +1785,21 @@ var IconFourSquares = function IconFourSquares(props) {
1785
1785
 
1786
1786
  IconFourSquares.displayName = 'IconFourSquares';
1787
1787
 
1788
+ var IconGavel = function IconGavel(props) {
1789
+ return React__default.createElement("svg", Object.assign({
1790
+ viewBox: "0 0 60 60",
1791
+ fill: "none",
1792
+ xmlns: "http://www.w3.org/2000/svg",
1793
+ "data-testid": "icon-gavel",
1794
+ style: getIconStyles(props)
1795
+ }, props), React__default.createElement("path", {
1796
+ d: "m58.698 21.863-2.418-2.42a4.442 4.442 0 0 0-5.476-.638l-9.61-9.609a4.442 4.442 0 0 0-.638-5.476l-2.418-2.418a4.438 4.438 0 0 0-6.28 0L18.551 14.605a4.446 4.446 0 0 0 0 6.28l2.42 2.42a4.448 4.448 0 0 0 5.475.637l3.48 3.48-6.891 6.89-.947-.946a5.095 5.095 0 0 0-7.198 0l-13.403 13.4a5.095 5.095 0 0 0 0 7.198l4.548 4.548a5.095 5.095 0 0 0 7.197 0l13.401-13.403a5.095 5.095 0 0 0 0-7.198l-.947-.947 6.891-6.89 3.48 3.479a4.449 4.449 0 0 0 .637 5.476l2.42 2.419a4.446 4.446 0 0 0 6.28 0l13.303-13.305a4.439 4.439 0 0 0 0-6.28ZM23.983 42.457l-13.401 13.4a1.34 1.34 0 0 1-1.894 0l-4.546-4.545a1.34 1.34 0 0 1 0-1.894l13.401-13.4a1.34 1.34 0 0 1 1.894 0l4.546 4.545a1.341 1.341 0 0 1 0 1.894Zm32.065-16.966L42.743 38.796a.69.69 0 0 1-.977 0l-2.42-2.42a.691.691 0 0 1 0-.976l1.932-1.93L26.53 18.721l-1.93 1.931a.692.692 0 0 1-.978 0l-2.419-2.419a.692.692 0 0 1 0-.977L34.51 3.952a.691.691 0 0 1 .977 0l2.419 2.42a.691.691 0 0 1 0 .976l-1.93 1.931L50.72 24.026l1.931-1.93a.69.69 0 0 1 .977 0l2.419 2.418a.692.692 0 0 1 0 .977Z",
1797
+ fill: "currentColor"
1798
+ }));
1799
+ };
1800
+
1801
+ IconGavel.displayName = 'IconGavel';
1802
+
1788
1803
  var IconGift = function IconGift(props) {
1789
1804
  return React__default.createElement("svg", Object.assign({
1790
1805
  viewBox: "0 0 20 20",
@@ -4499,7 +4514,7 @@ var getSelectStyles = function getSelectStyles(_ref) {
4499
4514
  return Object.assign({}, base, {
4500
4515
  flex: '1',
4501
4516
  fontFamily: FONT_FAMILY,
4502
- minWidth: '64px',
4517
+ minWidth: '110px',
4503
4518
  backgroundColor: state.isDisabled && !asToolbarFilter ? GREY100 : WHITE,
4504
4519
  position: 'initial'
4505
4520
  });
@@ -4544,11 +4559,12 @@ var getSelectStyles = function getSelectStyles(_ref) {
4544
4559
  return Object.assign({}, base, {
4545
4560
  color: state.isDisabled ? GREY400 : null,
4546
4561
  marginRight: 0,
4547
- position: 'static',
4562
+ position: asToolbarFilter ? 'static' : 'absolute',
4548
4563
  transform: 'initial',
4549
4564
  overflow: 'hidden',
4550
4565
  textOverflow: 'ellipsis',
4551
- whiteSpace: 'nowrap'
4566
+ whiteSpace: 'nowrap',
4567
+ top: !asToolbarFilter && 'auto'
4552
4568
  });
4553
4569
  },
4554
4570
  dropdownIndicator: function dropdownIndicator(base, state) {
@@ -4563,7 +4579,8 @@ var getSelectStyles = function getSelectStyles(_ref) {
4563
4579
  color: state.isDisabled ? GREY400 : state.isSelected ? EGGPLANT700 : GREY500,
4564
4580
  cursor: 'pointer',
4565
4581
  fontFamily: FONT_FAMILY,
4566
- fontSize: '14px'
4582
+ fontSize: '14px',
4583
+ wordBreak: 'break-word'
4567
4584
  });
4568
4585
  },
4569
4586
  group: function group(base) {
@@ -5842,6 +5859,7 @@ exports.IconFilePdf = IconFilePdf;
5842
5859
  exports.IconFlag = IconFlag;
5843
5860
  exports.IconFourDotsCircle = IconFourDotsCircle;
5844
5861
  exports.IconFourSquares = IconFourSquares;
5862
+ exports.IconGavel = IconGavel;
5845
5863
  exports.IconGift = IconGift;
5846
5864
  exports.IconGrinBeam = IconGrinBeam;
5847
5865
  exports.IconGripVertical = IconGripVertical;