@veeqo/ui 9.0.0-beta-1 → 9.0.0-beta-3

package/dist/components/Button/components/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["MainContent","styled","span","withConfig","displayName","componentId","hasText","$loading","size","sizes","BaseButton","button","theme","fontFamily","props","height","paddingLeft","fontSize","hasIcon","hasDropdown","paddingRight"],"mappings":"yIAOS,MAAEA,EAAQC,EAAAC,KAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAA,8CAAA,EAAAC,aAAAA,EAAA,MAAA,SAAA,EAAAC,cAAAA,EAAA,cAAA,kBAAA,EAAAC,UAAAC,EAAAD,aAAA,EAAAA,UAAAC,EAAAD,OACNE,IAAUC,OAAAR,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAAA,4IAAAO,EAAAC,+FAAAC,IACtB,IAAAC,EAAA,OAEDC,EAAwB,kBAEN,MACVC,EAAS,SAYf,aA4EKH,EAAAI,UA8BAF,EAA8B,QAuC9BF,EAAAK,cAqBAC,EAAgB,QAqCA,OAAhBN,EAAAN,OA8BAO,EAAA"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":[null],"names":["MainContent","styled","span","$loading","size","sizes","BaseButton","button"],"mappings":"yIAOS,MAAEA,EAAQC,EAAAC,IAAA;;;;;oBAMDC,EAAA,cAAA;;;aAyFX,EAAAC,UAAmBC,EAAAD;cA8BnB,EAAAA,UAA8BC,EAAAD;;EA4D9BE,EAAAL,EAAgBM,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/Calendar/styled.cjs

@@ -1,2 +1,9 @@
-"use strict";var e=require("react-aria-components"),a=require("styled-components"),r=require("../subcomponents/CalendarStyles/CalendarStyles.cjs");function t(e){return e&&e.__esModule?e:{default:e}}const d=t(a).default(e.Calendar).withConfig({displayName:"vui--StyledCalendar",componentId:"vui--yu4kj1"})`${r.SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;exports.StyledCalendar=d;
+"use strict";var e=require("react-aria-components"),a=require("styled-components"),r=require("../subcomponents/CalendarStyles/CalendarStyles.cjs");function t(e){return e&&e.__esModule?e:{default:e}}const l=t(a).default(e.Calendar)`
+  ${r.SharedCalendarStyles};
+
+  & .react-aria-CalendarCell[data-selected],
+  & table td {
+    border-radius: 8px;
+  }
+`;exports.StyledCalendar=l;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/Calendar/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Calendars/components/Calendar/styled.js

@@ -1,2 +1,9 @@
-import{Calendar as e}from"react-aria-components";import a from"styled-components";import{SharedCalendarStyles as t}from"../subcomponents/CalendarStyles/CalendarStyles.js";const o=a(e).withConfig({displayName:"vui--StyledCalendar",componentId:"vui--yu4kj1"})`${t};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;export{o as StyledCalendar};
+import{Calendar as e}from"react-aria-components";import r from"styled-components";import{SharedCalendarStyles as t}from"../subcomponents/CalendarStyles/CalendarStyles.js";const a=r(e)`
+  ${t};
+
+  & .react-aria-CalendarCell[data-selected],
+  & table td {
+    border-radius: 8px;
+  }
+`;export{a as StyledCalendar};
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/Calendar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Calendars/components/RangeCalendar/styled.cjs

@@ -1,2 +1,4 @@
-"use strict";var e=require("react-aria-components"),a=require("styled-components"),n=require("../subcomponents/CalendarStyles/CalendarStyles.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const t=r(a).default(e.RangeCalendar).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1ykb9sq"})`${n.SharedCalendarStyles};`;exports.StyledRangeCalendar=t;
+"use strict";var e=require("react-aria-components"),a=require("styled-components"),r=require("../subcomponents/CalendarStyles/CalendarStyles.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const t=n(a).default(e.RangeCalendar)`
+  ${r.SharedCalendarStyles};
+`;exports.StyledRangeCalendar=t;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/RangeCalendar/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Calendars/components/RangeCalendar/styled.js

@@ -1,2 +1,4 @@
-import{RangeCalendar as o}from"react-aria-components";import e from"styled-components";import{SharedCalendarStyles as t}from"../subcomponents/CalendarStyles/CalendarStyles.js";const n=e(o).withConfig({displayName:"vui--StyledRangeCalendar",componentId:"vui--1ykb9sq"})`${t};`;export{n as StyledRangeCalendar};
+import{RangeCalendar as o}from"react-aria-components";import t from"styled-components";import{SharedCalendarStyles as r}from"../subcomponents/CalendarStyles/CalendarStyles.js";const e=t(o)`
+  ${r};
+`;export{e as StyledRangeCalendar};
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/RangeCalendar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs

@@ -1,2 +1,33 @@
-"use strict";var e=require("styled-components"),t=require("../../../../../../theme/utils.cjs"),o=require("../../../../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const n=r(e).default.button.withConfig({displayName:"vui--SubCalendarOption",componentId:"vui--z626f6"})`display:flex;flex-direction:column;justify-content:center;align-items:center;${t.getTextStyles(o.theme.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${o.theme.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${o.theme.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${o.theme.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${o.theme.colors.secondary.blue.light};}}`;exports.SubCalendarOption=n;
+"use strict";var e=require("styled-components"),t=require("../../../../../../theme/utils.cjs"),o=require("../../../../../../theme/index.cjs");function r(e){return e&&e.__esModule?e:{default:e}}const n=r(e).default.button`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  ${t.getTextStyles(o.theme.text.body)};
+
+  width: 60px;
+  height: 32px;
+  padding: 0;
+
+  border: none;
+  outline: none;
+  border-radius: ${o.theme.radius.md};
+  background-color: white;
+
+  &:hover {
+    cursor: pointer;
+    background-color: ${o.theme.colors.neutral.grey.base};
+  }
+
+  &:focus-visible,
+  &:active {
+    color: white;
+    background-color: ${o.theme.colors.secondary.blue.base};
+
+    &:not([data-selected]) {
+      outline: 2px solid ${o.theme.colors.secondary.blue.light};
+    }
+  }
+`;exports.SubCalendarOption=n;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js

@@ -1,2 +1,33 @@
-import o from"styled-components";import{getTextStyles as e}from"../../../../../../theme/utils.js";import{theme as t}from"../../../../../../theme/index.js";const r=o.button.withConfig({displayName:"vui--SubCalendarOption",componentId:"vui--z626f6"})`display:flex;flex-direction:column;justify-content:center;align-items:center;${e(t.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${t.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${t.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${t.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${t.colors.secondary.blue.light};}}`;export{r as SubCalendarOption};
+import o from"styled-components";import{getTextStyles as e}from"../../../../../../theme/utils.js";import{theme as r}from"../../../../../../theme/index.js";const t=o.button`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  ${e(r.text.body)};
+
+  width: 60px;
+  height: 32px;
+  padding: 0;
+
+  border: none;
+  outline: none;
+  border-radius: ${r.radius.md};
+  background-color: white;
+
+  &:hover {
+    cursor: pointer;
+    background-color: ${r.colors.neutral.grey.base};
+  }
+
+  &:focus-visible,
+  &:active {
+    color: white;
+    background-color: ${r.colors.secondary.blue.base};
+
+    &:not([data-selected]) {
+      outline: 2px solid ${r.colors.secondary.blue.light};
+    }
+  }
+`;export{t as SubCalendarOption};
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.cjs

@@ -1,2 +1,56 @@
-"use strict";var e=require("styled-components"),t=require("../../../../../theme/index.cjs"),r=require("./buttonStyles.cjs"),s=require("./calendarCellStyles.cjs"),d=require("./headerStyles.cjs");const a=e.css`width:fit-content;max-width:100%;min-width:225px;color:${t.theme.colors.neutral.ink.base};font-size:14px;font-family:${t.theme.fontFamily};${d.headerStyles} ${r.buttonStyles} ${s.calenderCellStyles} & table{height:fit-content;border-collapse:separate;border-spacing:0 ${t.theme.sizes.xs};& td{padding:0;&:has(div[data-today='true']){& > div{border:1px solid ${t.theme.colors.neutral.ink.lightest};}&:has(div[data-selected]){background-color:${t.theme.colors.secondary.blue.base};& > div{border:1px solid ${t.theme.colors.secondary.blue.darkest};border-radius:${t.theme.radius.md};}&:has(div[data-selection-start]){border-start-start-radius:6px;border-end-start-radius:6px;}&:has(div[data-selection-end]){border-start-end-radius:6px;border-end-end-radius:6px;}}}}}`;exports.SharedCalendarStyles=a;
+"use strict";var e=require("styled-components"),t=require("../../../../../theme/index.cjs"),r=require("./buttonStyles.cjs"),a=require("./calendarCellStyles.cjs"),d=require("./headerStyles.cjs");const s=e.css`
+  width: fit-content;
+  max-width: 100%;
+  min-width: 225px;
+
+  color: ${t.theme.colors.neutral.ink.base};
+  font-size: 14px;
+  font-family: ${t.theme.fontFamily};
+
+  ${d.headerStyles}
+
+  ${r.buttonStyles}
+
+  ${a.calenderCellStyles}
+
+  & table {
+    height: fit-content;
+
+    border-collapse: separate;
+    border-spacing: 0 ${t.theme.sizes.xs};
+
+    & td {
+      padding: 0;
+
+      /*
+       * Selectors for today border (has to apply to wrapping td (cannot be targetted directly
+       * need to go through :has to get data attributes about the cell)).
+       */
+      &:has(div[data-today='true']) {
+        & > div {
+          border: 1px solid ${t.theme.colors.neutral.ink.lightest};
+        }
+
+        &:has(div[data-selected]) {
+          background-color: ${t.theme.colors.secondary.blue.base};
+
+          & > div {
+            border: 1px solid ${t.theme.colors.secondary.blue.darkest};
+            border-radius: ${t.theme.radius.md};
+          }
+
+          &:has(div[data-selection-start]) {
+            border-start-start-radius: 6px;
+            border-end-start-radius: 6px;
+          }
+
+          &:has(div[data-selection-end]) {
+            border-start-end-radius: 6px;
+            border-end-end-radius: 6px;
+          }
+        }
+      }
+    }
+  }
+`;exports.SharedCalendarStyles=s;
 //# sourceMappingURL=CalendarStyles.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CalendarStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.js

@@ -1,2 +1,56 @@
-import{css as r}from"styled-components";import{theme as t}from"../../../../../theme/index.js";import{buttonStyles as e}from"./buttonStyles.js";import{calenderCellStyles as o}from"./calendarCellStyles.js";import{headerStyles as d}from"./headerStyles.js";const s=r`width:fit-content;max-width:100%;min-width:225px;color:${t.colors.neutral.ink.base};font-size:14px;font-family:${t.fontFamily};${d} ${e} ${o} & table{height:fit-content;border-collapse:separate;border-spacing:0 ${t.sizes.xs};& td{padding:0;&:has(div[data-today='true']){& > div{border:1px solid ${t.colors.neutral.ink.lightest};}&:has(div[data-selected]){background-color:${t.colors.secondary.blue.base};& > div{border:1px solid ${t.colors.secondary.blue.darkest};border-radius:${t.radius.md};}&:has(div[data-selection-start]){border-start-start-radius:6px;border-end-start-radius:6px;}&:has(div[data-selection-end]){border-start-end-radius:6px;border-end-end-radius:6px;}}}}}`;export{s as SharedCalendarStyles};
+import{css as t}from"styled-components";import{theme as e}from"../../../../../theme/index.js";import{buttonStyles as r}from"./buttonStyles.js";import{calenderCellStyles as o}from"./calendarCellStyles.js";import{headerStyles as d}from"./headerStyles.js";const a=t`
+  width: fit-content;
+  max-width: 100%;
+  min-width: 225px;
+
+  color: ${e.colors.neutral.ink.base};
+  font-size: 14px;
+  font-family: ${e.fontFamily};
+
+  ${d}
+
+  ${r}
+
+  ${o}
+
+  & table {
+    height: fit-content;
+
+    border-collapse: separate;
+    border-spacing: 0 ${e.sizes.xs};
+
+    & td {
+      padding: 0;
+
+      /*
+       * Selectors for today border (has to apply to wrapping td (cannot be targetted directly
+       * need to go through :has to get data attributes about the cell)).
+       */
+      &:has(div[data-today='true']) {
+        & > div {
+          border: 1px solid ${e.colors.neutral.ink.lightest};
+        }
+
+        &:has(div[data-selected]) {
+          background-color: ${e.colors.secondary.blue.base};
+
+          & > div {
+            border: 1px solid ${e.colors.secondary.blue.darkest};
+            border-radius: ${e.radius.md};
+          }
+
+          &:has(div[data-selection-start]) {
+            border-start-start-radius: 6px;
+            border-end-start-radius: 6px;
+          }
+
+          &:has(div[data-selection-end]) {
+            border-start-end-radius: 6px;
+            border-end-end-radius: 6px;
+          }
+        }
+      }
+    }
+  }
+`;export{a as SharedCalendarStyles};
 //# sourceMappingURL=CalendarStyles.js.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/CalendarStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CalendarStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs

@@ -1,2 +1,44 @@
-"use strict";var e=require("styled-components"),r=require("../../../../../theme/index.cjs");const o=e.css`.react-aria-Button{color:${r.theme.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${r.theme.sizes.base};height:${r.theme.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.theme.colors.secondary.blue.light};}&:active,&:hover{background-color:${r.theme.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${r.theme.colors.neutral.grey.base};cursor:default;}}`;exports.buttonStyles=o;
+"use strict";var e=require("styled-components"),r=require("../../../../../theme/index.cjs");const o=e.css`
+  .react-aria-Button {
+    color: ${r.theme.colors.neutral.ink.base};
+    background-color: transparent;
+
+    border-color: transparent;
+    box-shadow: none;
+
+    cursor: pointer;
+
+    height: 40px;
+    padding: 0 8px;
+    border-radius: 8px;
+    font-size: 16px;
+    line-height: 16px;
+    outline: 0;
+
+    --outline-width: 4px;
+
+    svg {
+      width: ${r.theme.sizes.base};
+      height: ${r.theme.sizes.base};
+    }
+
+    &:active,
+    &:focus-visible {
+      box-shadow: 0 0 0 var(--outline-width) ${r.theme.colors.secondary.blue.light};
+    }
+
+    &:active,
+    &:hover {
+      background-color: ${r.theme.colors.neutral.grey.light};
+    }
+
+    &:disabled {
+      background-color: transparent;
+      border-color: transparent;
+      user-select: none;
+      color: ${r.theme.colors.neutral.grey.base};
+      cursor: default;
+    }
+  }
+`;exports.buttonStyles=o;
 //# sourceMappingURL=buttonStyles.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"buttonStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"buttonStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js

@@ -1,2 +1,44 @@
-import{css as o}from"styled-components";import{theme as r}from"../../../../../theme/index.js";const e=o`.react-aria-Button{color:${r.colors.neutral.ink.base};background-color:transparent;border-color:transparent;box-shadow:none;cursor:pointer;height:40px;padding:0 8px;border-radius:8px;font-size:16px;line-height:16px;outline:0;--outline-width:4px;svg{width:${r.sizes.base};height:${r.sizes.base};}&:active,&:focus-visible{box-shadow:0 0 0 var(--outline-width)${r.colors.secondary.blue.light};}&:active,&:hover{background-color:${r.colors.neutral.grey.light};}&:disabled{background-color:transparent;border-color:transparent;user-select:none;color:${r.colors.neutral.grey.base};cursor:default;}}`;export{e as buttonStyles};
+import{css as o}from"styled-components";import{theme as r}from"../../../../../theme/index.js";const e=o`
+  .react-aria-Button {
+    color: ${r.colors.neutral.ink.base};
+    background-color: transparent;
+
+    border-color: transparent;
+    box-shadow: none;
+
+    cursor: pointer;
+
+    height: 40px;
+    padding: 0 8px;
+    border-radius: 8px;
+    font-size: 16px;
+    line-height: 16px;
+    outline: 0;
+
+    --outline-width: 4px;
+
+    svg {
+      width: ${r.sizes.base};
+      height: ${r.sizes.base};
+    }
+
+    &:active,
+    &:focus-visible {
+      box-shadow: 0 0 0 var(--outline-width) ${r.colors.secondary.blue.light};
+    }
+
+    &:active,
+    &:hover {
+      background-color: ${r.colors.neutral.grey.light};
+    }
+
+    &:disabled {
+      background-color: transparent;
+      border-color: transparent;
+      user-select: none;
+      color: ${r.colors.neutral.grey.base};
+      cursor: default;
+    }
+  }
+`;export{e as buttonStyles};
 //# sourceMappingURL=buttonStyles.js.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/buttonStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttonStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"buttonStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs

@@ -1,2 +1,71 @@
-"use strict";var e=require("styled-components"),r=require("../../../../../theme/index.cjs");const t=e.css`.react-aria-CalendarCell{width:30px;line-height:30px;border-radius:${r.theme.radius.md};border:1px solid transparent;cursor:pointer;text-align:center;&[data-hovered]{background-color:${r.theme.colors.neutral.grey.base};}&[data-focus-visible],&[data-focused]{outline:2px solid ${r.theme.colors.secondary.blue.light};}&[data-selected]{background:${r.theme.colors.secondary.blue.base};color:white;border-radius:0;&[data-focus-visible]{outline-color:${r.theme.colors.secondary.blue.light};}}&[data-outside-month],&[data-disabled]{cursor:not-allowed;}&[data-unavailable]{cursor:not-allowed;text-decoration:line-through;color:${r.theme.colors.secondary.red.dark};&:hover{background-color:inherit;}}&[data-outside-month],&[data-disabled]{color:${r.theme.colors.neutral.ink.lightest};}&[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px;}&[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px;}}`;exports.calenderCellStyles=t;
+"use strict";var e=require("styled-components"),t=require("../../../../../theme/index.cjs");const r=e.css`
+  .react-aria-CalendarCell {
+    width: 30px;
+    line-height: 30px;
+    border-radius: ${t.theme.radius.md};
+    border: 1px solid transparent;
+
+    cursor: pointer;
+    text-align: center;
+
+    /**
+     * Data Attribute styling: https://react-spectrum.adobe.com/react-aria/RangeCalendar.html#calendarcell-1
+     */
+
+    &[data-hovered] {
+      background-color: ${t.theme.colors.neutral.grey.base};
+    }
+
+    &[data-focus-visible],
+    &[data-focused] {
+      outline: 2px solid ${t.theme.colors.secondary.blue.light};
+    }
+
+    /**
+     * Selection Styles
+     */
+
+    &[data-selected] {
+      background: ${t.theme.colors.secondary.blue.base};
+      color: white;
+      border-radius: 0;
+
+      &[data-focus-visible] {
+        outline-color: ${t.theme.colors.secondary.blue.light};
+      }
+    }
+
+    &[data-outside-month],
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+
+    &[data-unavailable] {
+      cursor: not-allowed;
+      text-decoration: line-through;
+      color: ${t.theme.colors.secondary.red.dark};
+
+      &:hover {
+        background-color: inherit;
+      }
+    }
+
+    &[data-outside-month],
+    &[data-disabled] {
+      color: ${t.theme.colors.neutral.ink.lightest};
+    }
+
+    // First and last selected elements.
+
+    &[data-selection-start] {
+      border-start-start-radius: 6px;
+      border-end-start-radius: 6px;
+    }
+
+    &[data-selection-end] {
+      border-start-end-radius: 6px;
+      border-end-end-radius: 6px;
+    }
+  }
+`;exports.calenderCellStyles=r;
 //# sourceMappingURL=calendarCellStyles.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendarCellStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"calendarCellStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.js

@@ -1,2 +1,71 @@
-import{css as r}from"styled-components";import{theme as o}from"../../../../../theme/index.js";const e=r`.react-aria-CalendarCell{width:30px;line-height:30px;border-radius:${o.radius.md};border:1px solid transparent;cursor:pointer;text-align:center;&[data-hovered]{background-color:${o.colors.neutral.grey.base};}&[data-focus-visible],&[data-focused]{outline:2px solid ${o.colors.secondary.blue.light};}&[data-selected]{background:${o.colors.secondary.blue.base};color:white;border-radius:0;&[data-focus-visible]{outline-color:${o.colors.secondary.blue.light};}}&[data-outside-month],&[data-disabled]{cursor:not-allowed;}&[data-unavailable]{cursor:not-allowed;text-decoration:line-through;color:${o.colors.secondary.red.dark};&:hover{background-color:inherit;}}&[data-outside-month],&[data-disabled]{color:${o.colors.neutral.ink.lightest};}&[data-selection-start]{border-start-start-radius:6px;border-end-start-radius:6px;}&[data-selection-end]{border-start-end-radius:6px;border-end-end-radius:6px;}}`;export{e as calenderCellStyles};
+import{css as e}from"styled-components";import{theme as r}from"../../../../../theme/index.js";const a=e`
+  .react-aria-CalendarCell {
+    width: 30px;
+    line-height: 30px;
+    border-radius: ${r.radius.md};
+    border: 1px solid transparent;
+
+    cursor: pointer;
+    text-align: center;
+
+    /**
+     * Data Attribute styling: https://react-spectrum.adobe.com/react-aria/RangeCalendar.html#calendarcell-1
+     */
+
+    &[data-hovered] {
+      background-color: ${r.colors.neutral.grey.base};
+    }
+
+    &[data-focus-visible],
+    &[data-focused] {
+      outline: 2px solid ${r.colors.secondary.blue.light};
+    }
+
+    /**
+     * Selection Styles
+     */
+
+    &[data-selected] {
+      background: ${r.colors.secondary.blue.base};
+      color: white;
+      border-radius: 0;
+
+      &[data-focus-visible] {
+        outline-color: ${r.colors.secondary.blue.light};
+      }
+    }
+
+    &[data-outside-month],
+    &[data-disabled] {
+      cursor: not-allowed;
+    }
+
+    &[data-unavailable] {
+      cursor: not-allowed;
+      text-decoration: line-through;
+      color: ${r.colors.secondary.red.dark};
+
+      &:hover {
+        background-color: inherit;
+      }
+    }
+
+    &[data-outside-month],
+    &[data-disabled] {
+      color: ${r.colors.neutral.ink.lightest};
+    }
+
+    // First and last selected elements.
+
+    &[data-selection-start] {
+      border-start-start-radius: 6px;
+      border-end-start-radius: 6px;
+    }
+
+    &[data-selection-end] {
+      border-start-end-radius: 6px;
+      border-end-end-radius: 6px;
+    }
+  }
+`;export{a as calenderCellStyles};
 //# sourceMappingURL=calendarCellStyles.js.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/calendarCellStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendarCellStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"calendarCellStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.cjs

@@ -1,2 +1,20 @@
-"use strict";var e=require("styled-components"),t=require("../../../../../theme/utils.cjs"),r=require("../../../../../theme/index.cjs");const a=e.css`& header{display:flex;align-items:center;margin:0 4px 0.5rem 4px;.react-aria-Heading{flex:1;margin:0;text-align:center;${t.getTextStyles(r.theme.text.headingSmall)}}}.react-aria-CalendarHeaderCell{padding-bottom:${r.theme.sizes.sm};}`;exports.headerStyles=a;
+"use strict";var e=require("styled-components"),t=require("../../../../../theme/utils.cjs"),r=require("../../../../../theme/index.cjs");const a=e.css`
+  & header {
+    display: flex;
+    align-items: center;
+    margin: 0 4px 0.5rem 4px;
+
+    .react-aria-Heading {
+      flex: 1;
+      margin: 0;
+      text-align: center;
+
+      ${t.getTextStyles(r.theme.text.headingSmall)}
+    }
+  }
+
+  .react-aria-CalendarHeaderCell {
+    padding-bottom: ${r.theme.sizes.sm};
+  }
+`;exports.headerStyles=a;
 //# sourceMappingURL=headerStyles.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"headerStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"headerStyles.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js

@@ -1,2 +1,20 @@
-import{css as e}from"styled-components";import{getTextStyles as t}from"../../../../../theme/utils.js";import{theme as a}from"../../../../../theme/index.js";const r=e`& header{display:flex;align-items:center;margin:0 4px 0.5rem 4px;.react-aria-Heading{flex:1;margin:0;text-align:center;${t(a.text.headingSmall)}}}.react-aria-CalendarHeaderCell{padding-bottom:${a.sizes.sm};}`;export{r as headerStyles};
+import{css as e}from"styled-components";import{getTextStyles as t}from"../../../../../theme/utils.js";import{theme as a}from"../../../../../theme/index.js";const r=e`
+  & header {
+    display: flex;
+    align-items: center;
+    margin: 0 4px 0.5rem 4px;
+
+    .react-aria-Heading {
+      flex: 1;
+      margin: 0;
+      text-align: center;
+
+      ${t(a.text.headingSmall)}
+    }
+  }
+
+  .react-aria-CalendarHeaderCell {
+    padding-bottom: ${a.sizes.sm};
+  }
+`;export{r as headerStyles};
 //# sourceMappingURL=headerStyles.js.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"headerStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"headerStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/components/Card/styled.cjs

@@ -1,2 +1,42 @@
-"use strict";var e=require("styled-components"),o=require("framer-motion"),i=require("../../theme/modules/shadows.cjs"),s=require("../../theme/modules/colors.cjs"),t=require("../../theme/modules/sizes.cjs"),d=require("../../theme/modules/radius.cjs"),n=require("../../theme/modules/text.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const{grey:l}=s.colors.neutral,u={0:"none",1:i.Shadows.sm,2:i.Shadows.base,3:i.Shadows.md,4:i.Shadows.lg},m={info:s.colors.secondary.blue.base,success:s.colors.secondary.green.base,error:s.colors.secondary.red.base},c=a.default.footer.withConfig({displayName:"vui--Footer",componentId:"vui--1s3932u"})`margin-top:${t.sizes.base};padding:${t.sizes.md};z-index:2;`,h=a.default.section.withConfig({displayName:"vui--Section",componentId:"vui--n2tmr2"})`padding-right:${t.sizes.md};padding-left:${t.sizes.md};margin-top:${t.sizes.md};margin-bottom:${t.sizes.md};font-family:${n.text.body.fontFamily};font-size:${n.text.body.fontSize};font-weight:${n.text.body.fontWeight};line-height:${n.text.body.lineHeight};color:${n.text.body.color};& + &{border-top:${t.sizes.line} solid ${l.base};padding-top:${t.sizes.md};}`,f=a.default.div.withConfig({displayName:"vui--FullBleed",componentId:"vui--8unl0i"})`margin-left:-${t.sizes.md};margin-right:-${t.sizes.md};`,g=a.default(o.motion.div).withConfig({displayName:"vui--Body",componentId:"vui--1q1caki"})`overflow-y:hidden;&:not(:first-child)> ${h}:first-child{margin-top:0;}`,p=a.default.div.withConfig({displayName:"vui--Surface",componentId:"vui--5cnkiv"})`position:relative;width:100%;background-color:white;border:${t.sizes.line} solid ${l.base};box-shadow:${e=>void 0!==e.elevation?u[e.elevation]:i.Shadows.sm};border-radius:${d.radius.md};overflow:hidden;box-sizing:border-box;${({accent:e})=>e&&`\n    &::after {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: ${t.sizes.xs};\n      background-color: ${m[e]};\n    }\n  `}`;exports.Body=g,exports.Footer=c,exports.FullBleed=f,exports.Section=h,exports.Surface=p;
+"use strict";var e=require("styled-components"),o=require("framer-motion"),s=require("../../theme/modules/shadows.cjs"),t=require("../../theme/modules/colors.cjs"),i=require("../../theme/modules/sizes.cjs"),r=require("../../theme/modules/radius.cjs"),d=require("../../theme/modules/text.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const{grey:l}=t.colors.neutral,m={0:"none",1:s.Shadows.sm,2:s.Shadows.base,3:s.Shadows.md,4:s.Shadows.lg},c={info:t.colors.secondary.blue.base,success:t.colors.secondary.green.base,error:t.colors.secondary.red.base},u=a.default.footer`
+  margin-top: ${i.sizes.base};
+  padding: ${i.sizes.md};
+  z-index: 2;
+`,h=a.default.section`
+  padding-right: ${i.sizes.md};
+  padding-left: ${i.sizes.md};
+  margin-top: ${i.sizes.md};
+  margin-bottom: ${i.sizes.md};
+
+  font-family: ${d.text.body.fontFamily};
+  font-size: ${d.text.body.fontSize};
+  font-weight: ${d.text.body.fontWeight};
+  line-height: ${d.text.body.lineHeight};
+  color: ${d.text.body.color};
+
+  & + & {
+    border-top: ${i.sizes.line} solid ${l.base};
+    padding-top: ${i.sizes.md};
+  }
+`,f=a.default.div`
+  margin-left: -${i.sizes.md};
+  margin-right: -${i.sizes.md};
+`,b=a.default(o.motion.div)`
+  overflow-y: hidden;
+
+  &:not(:first-child) > ${h}:first-child {
+    margin-top: 0;
+  }
+`,g=a.default.div`
+  position: relative;
+  width: 100%;
+  background-color: white;
+  border: ${i.sizes.line} solid ${l.base};
+  box-shadow: ${e=>void 0!==e.elevation?m[e.elevation]:s.Shadows.sm};
+  border-radius: ${r.radius.md};
+  overflow: hidden;
+  box-sizing: border-box;
+
+  ${({accent:e})=>e&&`\n    &::after {\n      content: "";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: ${i.sizes.xs};\n      background-color: ${c[e]};\n    }\n  `}
+`;exports.Body=b,exports.Footer=u,exports.FullBleed=f,exports.Section=h,exports.Surface=g;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Card/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":["grey","colors","neutral","elevationShadowMap","Shadows","base","md","lg"],"mappings":"mWAgCA,MAAOA,KAAAA,GAAAC,EAAaA,OAAAC,QAkBbC,EAAe,CAKf,EAAA,OAQP,eACE,EAASC,EAACA,QAAEC,KACZ,EAAAD,EAAeA,QAAAE,GAChB,EAAAF,EAAAA,QAAAG"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":[null],"names":["grey","colors","neutral","elevationShadowMap","Shadows","base","md","lg"],"mappings":"mWAgCA,MAAOA,KAAAA,GAAAC,EAAaA,OAAAC,QAkBbC,EAAe,CAKf,EAAA,OAQP,eACE,EAASC,EAACA,QAAEC,KACZ,EAAAD,EAAeA,QAAAE,GAChB,EAAAF,EAAAA,QAAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}