@7shifts/sous-chef 1.5.8 → 2.0.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## 2.0.0 (February 16th, 2022)
+
+### New components/Enhancements
+
+-   Icons: Added SVGR as a dependency, migrated existing icons and their usage to new implementation using SVGR, added remaining icons used in the 7shifts repo, and renamed the icons listed below (before -> after) in order to have consistent naming across various tools. ([#60](https://github.com/7shifts/sous-chef/pull/60))
+     - IconCalendar	-> IconCalendarAlt
+     - IconClose -> IconTimes
+     - IconDelete -> IconTimesOctagon
+     - IconEdit -> IconPencil
+     - IconExclaim -> IconExclaimation
+     - IconLocation -> IconMapMarker
+     - IconMore -> IconEllipsisV
+     - IconRemove -> IconTrash
+     - IconUser -> IconUserSolid
+
 ## 1.5.8 (February 14th, 2022)
 
 ### Bug fixes

package/dist/icons/iconUtils.d.ts

@@ -1,2 +1,8 @@
 import { IconSize } from './types';
-export declare const getIconStyles: (size: IconSize, rotate?: number | undefined) => Object;
+declare type Params = {
+    size?: IconSize;
+    color?: string;
+    styles?: Object;
+};
+export declare const getIconStyles: ({ size, color, styles }: Params) => Object;
+export {};

package/dist/icons/index.d.ts

@@ -1,22 +1 @@
-import IconArrowDown from './IconArrowDown';
-import IconArrowLeft from './IconArrowLeft';
-import IconArrowRight from './IconArrowRight';
-import IconArrowUp from './IconArrowUp';
-import IconCalendar from './IconCalendar';
-import IconCheck from './IconCheck';
-import IconChevronDown from './IconChevronDown';
-import IconChevronUp from './IconChevronUp';
-import IconClose from './IconClose';
-import IconComment from './IconComment';
-import IconDelete from './IconDelete';
-import IconEdit from './IconEdit';
-import IconEye from './IconEye';
-import IconEyeSlash from './IconEyeSlash';
-import IconExclaim from './IconExclaim';
-import IconLocation from './IconLocation';
-import IconMinusCircle from './IconMinusCircle';
-import IconMore from './IconMore';
-import IconRemove from './IconRemove';
-import IconUser from './IconUser';
-import IconUserPlus from './IconUserPlus';
-export { IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconCalendar, IconCheck, IconChevronDown, IconChevronUp, IconClose, IconComment, IconDelete, IconEdit, IconEye, IconEyeSlash, IconExclaim, IconLocation, IconMinusCircle, IconMore, IconRemove, IconUser, IconUserPlus };
+export * from './components';

package/dist/index.css

@@ -1,14 +1,3 @@
-/* stylelint-disable color-no-hex */
-/*
-These are the colour variables to be used around the webapp.
-The variables are set up to describe the color and number which represents the lightness of the color.
-The smaller the number the lighter the color. So $eggplant-100 would be light purple and $eggplant-600 would be dark purple.
-The base colour is the default colour and is numbered with 400. If someone says "use Tangerine" they are referring to the base color.
-Please ask a designer if you have questions about which colours to use.
-*/
-._f-GkY {
-  fill: #929292;
-}
 /*********************************
 For new colours, see _colors.scss.
 **********************************/
@@ -981,6 +970,9 @@ Please ask a designer if you have questions about which colours to use.
   margin-bottom: auto;
   text-align: left;
 }
+._eX5OL svg {
+  color: #929292;
+}
 
 .__YH01 {
   position: absolute;
@@ -1002,6 +994,9 @@ Please ask a designer if you have questions about which colours to use.
   right: 0;
   text-align: right;
 }
+.__YH01 svg {
+  color: #929292;
+}
 /*********************************
 For new colours, see _colors.scss.
 **********************************/

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-export * from './icons';
 export * from './core';
 export * from './forms';
 export * from './feedback';
 export * from './actions';
 export * from './overlay';
 export * from './media';
+export * from './icons';