@holper/react-native-holper-storybook 0.6.91 → 0.6.93

package/lib/components/Button/index.js

@@ -84,14 +84,17 @@ Button.propTypes = {
   bordered: PropTypes.bool,
   noShadow: PropTypes.bool,
   variant: PropTypes.oneOf([
-    'primary',
-    'secondary',
+    'brightblue',
+    'brightviolet',
+    'darkyellow',
     'dim',
+    'electricblue',
+    'error',
+    'inverted',
     'light',
-    'brightblue',
     'lightgreen',
-    'inverted',
-    'error',
+    'primary',
+    'secondary',
   ]),
   size: PropTypes.oneOf(['tiny', 'small', 'medium', 'fit', 'icon']),
   style: ViewPropTypes.style,

package/lib/components/Button/style.js

@@ -56,6 +56,21 @@ export default {
     backgroundColor: Colors.violet,
     shadowColor: Colors.violet,
   },
+  darkyellow: {
+    borderColor: Colors.darkyellow,
+    backgroundColor: Colors.darkyellow,
+    shadowColor: Colors.darkyellow,
+  },
+  brightviolet: {
+    borderColor: Colors.brightviolet,
+    backgroundColor: Colors.brightviolet,
+    shadowColor: Colors.brightviolet,
+  },
+  electricblue: {
+    borderColor: Colors.electricblue,
+    backgroundColor: Colors.electricblue,
+    shadowColor: Colors.electricblue,
+  },
   error: {
     borderColor: Colors.red,
     backgroundColor: Colors.red,

package/lib/components/Text/index.js

@@ -43,11 +43,16 @@ Text.defaultProps = {
 Text.propTypes = {
   color: PropTypes.oneOf([
     'brightblue',
+    'brightviolet',
     'dark',
+    'darkyellow',
+    'electricblue',
     'gold',
     'green',
     'light',
     'lighter',
+    'lightgold',
+    'midgreen',
     'red',
     'violet',
     'white',

package/lib/components/Text/style.js

@@ -29,9 +29,24 @@ export default {
   brightblue: {
     color: Colors.brightblue,
   },
+  lightgold: {
+    color: Colors.lightgold,
+  },
+  darkyellow: {
+    color: Colors.darkyellow,
+  },
   gold: {
     color: Colors.gold,
   },
+  brightviolet: {
+    color: Colors.brightviolet,
+  },
+  electricblue: {
+    color: Colors.electricblue,
+  },
+  midgreen: {
+    color: Colors.midgreen,
+  },
   // variants
   lowercase: {
     textTransform: 'lowercase',

package/lib/configs/constants.js

@@ -1,263 +1,270 @@
 export const Colors = {
   // Blacks and Whites
-  transparent: "transparent",
-  white: "#FFFFFF",
-  gray: "#D0D0D0",
-  dimgray: "#CFCFCF",
-  darkgray: "#2E3640",
-  whiteice: "#E7EAEE",
-  whitepearl: "#F7F8F9",
+  transparent: 'transparent',
+  white: '#FFFFFF',
+  gray: '#D0D0D0',
+  dimgray: '#CFCFCF',
+  darkgray: '#2E3640',
+  whiteice: '#E7EAEE',
+  whitepearl: '#F7F8F9',
   // Greens
-  lightgreen: "#64FFA5",
-  green: "#3FE384",
+  lightergreen: '#F5FEFA',
+  lightgreen: '#64FFA5',
+  midgreen: '#3FE39E',
+  green: '#3FE384',
   // Blues
-  lightblue: "#E4E9F2",
-  midblue: "#727C8E",
-  darkblue: "#515C6F",
-  brightblue: "#00D8FF",
-  mediumblue: "#F2F7FE",
-  blue: "#2A539C",
-  attentionBlue: "#dbf0fe",
+  lightblue: '#EFF9FF',
+  electricblue: '#3FA5F8',
+  midblue: '#727C8E',
+  darkblue: '#515C6F',
+  brightblue: '#00D8FF',
+  mediumblue: '#F2F7FE',
+  blue: '#2A539C',
+  attentionBlue: '#dbf0fe',
   // Violet
-  violet: "#300049",
-  placeboPurple: "#F0ECFE",
+  lightviolet: '#FAF9FF',
+  brightviolet: '#9980FA',
+  violet: '#300049',
+  placeboPurple: '#F0ECFE',
   // Reds
-  lightred: "#FFC1C1",
-  red: "#FD4C4C",
+  lightred: '#FFC1C1',
+  red: '#FD4C4C',
   // Yellow
-  lightyellow: "#F3F2D3",
-  yellow: "#FDD100",
-  gold: "#D4AF37",
+  lightyellow: '#FBFDE9',
+  yellow: '#FDD100',
+  darkyellow: '#FFBB87',
+  lightgold: '#ECDFAA',
+  gold: '#D4AF37',
 };
 
 export const borderRadius = 8;
 
 export const ConstantsWS = Object.freeze({
-  HIRING: "HIRING",
-  CANCELED: "CANCELED",
-  CANCELED_BY_PROFESSIONAL: "CANCELED_BY_PROFESSIONAL",
-  NOT_CONFIRMED: "NOT_CONFIRMED",
-  NOT_STARTED: "NOT_STARTED",
-  POSTULATION: "POSTULATION",
-  NOTIFICATION: "NOTIFICATION",
-  CHAT: "CHAT",
-  MAP: "MAP",
-  RECOMMENDATION: "RECOMMENDATION",
-  ISSUE: "ISSUE",
-  CLOSED: "CLOSED",
-  USER: "USER",
+  HIRING: 'HIRING',
+  CANCELED: 'CANCELED',
+  CANCELED_BY_PROFESSIONAL: 'CANCELED_BY_PROFESSIONAL',
+  NOT_CONFIRMED: 'NOT_CONFIRMED',
+  NOT_STARTED: 'NOT_STARTED',
+  POSTULATION: 'POSTULATION',
+  NOTIFICATION: 'NOTIFICATION',
+  CHAT: 'CHAT',
+  MAP: 'MAP',
+  RECOMMENDATION: 'RECOMMENDATION',
+  ISSUE: 'ISSUE',
+  CLOSED: 'CLOSED',
+  USER: 'USER',
 });
 
 export const HiringStatus = Object.freeze({
-  PENDING: "pending",
-  ON_THE_WAY: "onTheWay",
-  ARRIVAL_CONFIRMED: "arrivalConfirmed",
-  IN_PROGRESS: "inProgress",
-  PAYMENT: "payment",
-  PAYMENT_ERROR: "paymentError",
-  DONE: "done",
-  CANCELED: "canceled",
-  UNPAID: "unpaid",
+  PENDING: 'pending',
+  ON_THE_WAY: 'onTheWay',
+  ARRIVAL_CONFIRMED: 'arrivalConfirmed',
+  IN_PROGRESS: 'inProgress',
+  PAYMENT: 'payment',
+  PAYMENT_ERROR: 'paymentError',
+  DONE: 'done',
+  CANCELED: 'canceled',
+  UNPAID: 'unpaid',
 });
 
 export const CouponStatus = Object.freeze({
-  PENDING: "pending",
-  IN_USE: "inUse",
-  EXPIRED: "expired",
-  DONE: "DONE",
+  PENDING: 'pending',
+  IN_USE: 'inUse',
+  EXPIRED: 'expired',
+  DONE: 'DONE',
 });
 
 export const NotificationsTypes = Object.freeze({
   /** New hiring is created */
-  NEW_HIRING: "newHiring",
+  NEW_HIRING: 'newHiring',
   /** Professional accept immediate hiring */
-  HIRING_IMMEDIATE: "hiringImmediate",
+  HIRING_IMMEDIATE: 'hiringImmediate',
   /** Professional accept scheduled hiring */
-  HIRING_SCHEDULED: "hiringScheduled",
-  HIRING_ACCEPTED: "hiringAccepted",
-  HIRING_CANCELED: "hiringCanceled",
-  HIRING_ON_THE_WAY: "hiringOnTheWay",
-  HIRING_ARRIVAL_CONFIRMED: "hiringArrivalConfirmed",
-  HIRING_IN_PROGRESS: "hiringInProgress",
-  HIRING_DONE: "hiringDone",
-  HIRING_DELAY: "hiringDelay",
-  HIRING_DELAY_TRAFFIC: "hiringDelayTraffic",
-  HIRING_DELAY_ACCIDENT: "hiringDelayAccident",
-  HIRING_DELAY_WORK: "hiringDelayWork",
-  HIRING_EXTRA_TASK: "hiringExtraTask",
-  HIRING_EXTRA_TASK_ACCEPTED: "hiringExtraTaskAccepted",
-  HIRING_EXTRA_TASK_REJECTED: "hiringExtraTaskRejected",
-  HIRING_PAYMENT_REJECTED: "hiringPaymentRejected",
-  HIRING_RATING: "hiringRating",
-  NEW_MESSAGE: "newMessage",
+  HIRING_SCHEDULED: 'hiringScheduled',
+  HIRING_ACCEPTED: 'hiringAccepted',
+  HIRING_CANCELED: 'hiringCanceled',
+  HIRING_ON_THE_WAY: 'hiringOnTheWay',
+  HIRING_ARRIVAL_CONFIRMED: 'hiringArrivalConfirmed',
+  HIRING_IN_PROGRESS: 'hiringInProgress',
+  HIRING_DONE: 'hiringDone',
+  HIRING_DELAY: 'hiringDelay',
+  HIRING_DELAY_TRAFFIC: 'hiringDelayTraffic',
+  HIRING_DELAY_ACCIDENT: 'hiringDelayAccident',
+  HIRING_DELAY_WORK: 'hiringDelayWork',
+  HIRING_EXTRA_TASK: 'hiringExtraTask',
+  HIRING_EXTRA_TASK_ACCEPTED: 'hiringExtraTaskAccepted',
+  HIRING_EXTRA_TASK_REJECTED: 'hiringExtraTaskRejected',
+  HIRING_PAYMENT_REJECTED: 'hiringPaymentRejected',
+  HIRING_RATING: 'hiringRating',
+  NEW_MESSAGE: 'newMessage',
   /** Reminder for the client to open the door */
-  REMINDER_OPEN_DOOR: "reminderOpenDoor",
+  REMINDER_OPEN_DOOR: 'reminderOpenDoor',
   /** Reminder for the professional to start the path */
-  REMINDER_START_PATH: "reminderStartPath",
+  REMINDER_START_PATH: 'reminderStartPath',
   /** Reminder for the professional when the start time is passed */
-  REMINDER_DELAYED: "reminderDelay",
+  REMINDER_DELAYED: 'reminderDelay',
   /** Reminder for the professional when arrived to mark the arrival confirmed */
-  REMINDER_ARRIVED: "reminderArrived",
+  REMINDER_ARRIVED: 'reminderArrived',
   /** Reminder for the professional to start the progress */
-  REMINDER_START_PROGRESS: "reminderStartProgress",
+  REMINDER_START_PROGRESS: 'reminderStartProgress',
 });
 
 export const MapStyle = [
   {
-    elementType: "geometry",
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#f5f5f5",
+        color: '#f5f5f5',
       },
     ],
   },
   {
-    elementType: "labels.icon",
+    elementType: 'labels.icon',
     stylers: [
       {
-        visibility: "off",
+        visibility: 'off',
       },
     ],
   },
   {
-    elementType: "labels.text.fill",
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#616161",
+        color: '#616161',
       },
     ],
   },
   {
-    elementType: "labels.text.stroke",
+    elementType: 'labels.text.stroke',
     stylers: [
       {
-        color: "#f5f5f5",
+        color: '#f5f5f5',
       },
     ],
   },
   {
-    featureType: "administrative.land_parcel",
-    elementType: "labels.text.fill",
+    featureType: 'administrative.land_parcel',
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#bdbdbd",
+        color: '#bdbdbd',
       },
     ],
   },
   {
-    featureType: "poi",
-    elementType: "geometry",
+    featureType: 'poi',
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#eeeeee",
+        color: '#eeeeee',
       },
     ],
   },
   {
-    featureType: "poi",
-    elementType: "labels.text.fill",
+    featureType: 'poi',
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#757575",
+        color: '#757575',
       },
     ],
   },
   {
-    featureType: "poi.park",
-    elementType: "geometry",
+    featureType: 'poi.park',
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#e5e5e5",
+        color: '#e5e5e5',
       },
     ],
   },
   {
-    featureType: "poi.park",
-    elementType: "labels.text.fill",
+    featureType: 'poi.park',
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#9e9e9e",
+        color: '#9e9e9e',
       },
     ],
   },
   {
-    featureType: "road",
-    elementType: "geometry",
+    featureType: 'road',
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#ffffff",
+        color: '#ffffff',
       },
     ],
   },
   {
-    featureType: "road.arterial",
-    elementType: "labels.text.fill",
+    featureType: 'road.arterial',
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#757575",
+        color: '#757575',
       },
     ],
   },
   {
-    featureType: "road.highway",
-    elementType: "geometry",
+    featureType: 'road.highway',
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#dadada",
+        color: '#dadada',
       },
     ],
   },
   {
-    featureType: "road.highway",
-    elementType: "labels.text.fill",
+    featureType: 'road.highway',
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#616161",
+        color: '#616161',
       },
     ],
   },
   {
-    featureType: "road.local",
-    elementType: "labels.text.fill",
+    featureType: 'road.local',
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#9e9e9e",
+        color: '#9e9e9e',
       },
     ],
   },
   {
-    featureType: "transit.line",
-    elementType: "geometry",
+    featureType: 'transit.line',
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#e5e5e5",
+        color: '#e5e5e5',
       },
     ],
   },
   {
-    featureType: "transit.station",
-    elementType: "geometry",
+    featureType: 'transit.station',
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#eeeeee",
+        color: '#eeeeee',
       },
     ],
   },
   {
-    featureType: "water",
-    elementType: "geometry",
+    featureType: 'water',
+    elementType: 'geometry',
     stylers: [
       {
-        color: "#c9c9c9",
+        color: '#c9c9c9',
       },
     ],
   },
   {
-    featureType: "water",
-    elementType: "labels.text.fill",
+    featureType: 'water',
+    elementType: 'labels.text.fill',
     stylers: [
       {
-        color: "#9e9e9e",
+        color: '#9e9e9e',
       },
     ],
   },

package/package.json

@@ -2,7 +2,7 @@
   "main": "lib/index.js",
   "name": "@holper/react-native-holper-storybook",
   "description": "A component library for Holper projects",
-  "version": "0.6.91",
+  "version": "0.6.93",
   "license": "MIT",
   "files": [
     "lib",