willba-component-library 0.2.54 → 0.2.56

package/src/core/components/calendar/utils/index.ts

@@ -0,0 +1,8 @@
+export { parseDates } from './parseDates'
+export { parseDate } from './parseDate'
+export { nightsCount } from './nightsCount'
+export { calendarSelectionRules } from './calendarSelectionRules'
+export { disabledDatesByPage } from './disabledDatesByPage'
+export { handleCalendarModifiers } from './handleCalendarModifiers'
+export { handleRangeContextDisabledDates } from './handleRangeContextDisabledDates'
+export { checkForContinuousSelection } from './checkForContinuousSelection'

package/src/themes/Default.css

@@ -23,6 +23,12 @@
   --will-charcoal-blue: #384265;
   --will-transparent-white: rgba(255, 255, 255, 0.30);
   --will-transparent-black: rgba(171, 167, 175, 0.30);
+  --will-error: #d32f2f;
+
+  /*Color mix*/
+  --will-primary-lighter: color-mix(in srgb, var(--will-primary), white 20%);
+  --will-primary-lightest: color-mix(in srgb, var(--will-primary), white 80%);
+
 
   /* Confines */
   --will-box-shadow-dark: 0px 2px 12px 2px #a1a1a180;

package/src/themes/useTheme.tsx

@@ -3,6 +3,7 @@ import { CSSProperties } from 'react'
 export type Palette = {
   primary: string
   secondary: string
+  error: string
 }
 
 export type ThemeProps = {
@@ -12,12 +13,14 @@ export type ThemeProps = {
 export interface CustomPaletteTypes extends CSSProperties {
   '--will-primary'?: string
   '--will-secondary'?: string
+  '--will-error'?: string
 }
 
 export default function useTheme({ palette }: ThemeProps) {
   const themePalette: CustomPaletteTypes = {
     '--will-primary': palette?.primary,
     '--will-secondary': palette?.secondary,
+    '--will-error': palette?.error,
   }
 
   return themePalette

package/src/assets/SpinnerSvg.tsx

@@ -1,40 +0,0 @@
-import React from 'react'
-
-export const SpinnerSVG = ({
-  fill,
-  size,
-}: {
-  fill?: string
-  size?: number
-}) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={`${size || 25}`}
-    height={`${size || 25}`}
-    viewBox="0 0 24 24"
-  >
-    <style>
-      {`
-  .spinner_z9k8 {
-  transform-origin: center;
-  animation: spinner_StKS .75s infinite linear;
-  }
-  @keyframes spinner_StKS {
-  100% {
-  transform: rotate(360deg);
-  }
-  }
-  `}
-    </style>
-    <path
-      d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
-      opacity=".25"
-      fill={fill}
-    />
-    <path
-      d="M12,4a8,8,0,0,1,7.89,6.7A1.53,1.53,0,0,0,21.38,12h0a1.5,1.5,0,0,0,1.48-1.75,11,11,0,0,0-21.72,0A1.5,1.5,0,0,0,2.62,12h0a1.53,1.53,0,0,0,1.49-1.3A8,8,0,0,1,12,4Z"
-      className="spinner_z9k8"
-      fill={fill}
-    />
-  </svg>
-)

package/src/core/utils/handleOverlappingDates.tsx

@@ -1,3 +0,0 @@
-export const handleOverlappingDates = () => {
-  return
-}

package/src/core/utils/index.ts

@@ -1,3 +0,0 @@
-export { parseDates } from './parseDates'
-export { parseDate } from './parseDate'
-export { nightsCount } from './nightsCount'