@easypost/easy-ui 1.0.0-alpha.41 → 1.0.0-alpha.42

package/Badge/index.js

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../__chunks__/Icon-CqRgcO15.js");
-const Text = require("../__chunks__/Text-B0UAoQ_v.js");
+const Icon = require("../__chunks__/Icon-1rz740M8.js");
+const Text = require("../__chunks__/Text-Cbpg1M8y.js");
 const utilities_css = require("../utilities/css.js");
-const root = "_root_1ti1l_5";
-const primary = "_primary_1ti1l_16";
-const secondary = "_secondary_1ti1l_17";
-const text = "_text_1ti1l_32";
-const variantPrimary = "_variantPrimary_1ti1l_37";
-const variantSecondary = "_variantSecondary_1ti1l_44";
-const variantBlack = "_variantBlack_1ti1l_51";
-const variantInverse = "_variantInverse_1ti1l_58";
-const variantGray = "_variantGray_1ti1l_65";
-const variantSuccess = "_variantSuccess_1ti1l_72";
-const variantWarning = "_variantWarning_1ti1l_79";
-const variantDanger = "_variantDanger_1ti1l_86";
+const root = "_root_82oqy_5";
+const primary = "_primary_82oqy_16";
+const secondary = "_secondary_82oqy_17";
+const text = "_text_82oqy_32";
+const variantPrimary = "_variantPrimary_82oqy_37";
+const variantSecondary = "_variantSecondary_82oqy_44";
+const variantBlack = "_variantBlack_82oqy_51";
+const variantInverse = "_variantInverse_82oqy_58";
+const variantGray = "_variantGray_82oqy_65";
+const variantSuccess = "_variantSuccess_82oqy_72";
+const variantWarning = "_variantWarning_82oqy_79";
+const variantDanger = "_variantDanger_82oqy_86";
 const styles = {
   root,
   primary,

package/Badge/index.mjs

@@ -1,19 +1,19 @@
 import React__default from "react";
-import { I as Icon } from "../__chunks__/Icon-DQCqwr6T.mjs";
-import { T as Text } from "../__chunks__/Text-CyuTrzKu.mjs";
+import { I as Icon } from "../__chunks__/Icon-CG_nhFTQ.mjs";
+import { T as Text } from "../__chunks__/Text-Dd8Xlza-.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const root = "_root_1ti1l_5";
-const primary = "_primary_1ti1l_16";
-const secondary = "_secondary_1ti1l_17";
-const text = "_text_1ti1l_32";
-const variantPrimary = "_variantPrimary_1ti1l_37";
-const variantSecondary = "_variantSecondary_1ti1l_44";
-const variantBlack = "_variantBlack_1ti1l_51";
-const variantInverse = "_variantInverse_1ti1l_58";
-const variantGray = "_variantGray_1ti1l_65";
-const variantSuccess = "_variantSuccess_1ti1l_72";
-const variantWarning = "_variantWarning_1ti1l_79";
-const variantDanger = "_variantDanger_1ti1l_86";
+const root = "_root_82oqy_5";
+const primary = "_primary_82oqy_16";
+const secondary = "_secondary_82oqy_17";
+const text = "_text_82oqy_32";
+const variantPrimary = "_variantPrimary_82oqy_37";
+const variantSecondary = "_variantSecondary_82oqy_44";
+const variantBlack = "_variantBlack_82oqy_51";
+const variantInverse = "_variantInverse_82oqy_58";
+const variantGray = "_variantGray_82oqy_65";
+const variantSuccess = "_variantSuccess_82oqy_72";
+const variantWarning = "_variantWarning_82oqy_79";
+const variantDanger = "_variantDanger_82oqy_86";
 const styles = {
   root,
   primary,

package/Banner/index.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Text = require("../__chunks__/Text-B0UAoQ_v.js");
+const Text = require("../__chunks__/Text-Cbpg1M8y.js");
 const utilities_css = require("../utilities/css.js");
-const colorSuccess = "_colorSuccess_y76rx_5";
-const colorPrimary = "_colorPrimary_y76rx_10";
-const colorNeutral = "_colorNeutral_y76rx_11";
-const Banner$1 = "_Banner_y76rx_23";
+const colorSuccess = "_colorSuccess_ekugm_5";
+const colorPrimary = "_colorPrimary_ekugm_10";
+const colorNeutral = "_colorNeutral_ekugm_11";
+const Banner$1 = "_Banner_ekugm_23";
 const styles = {
   colorSuccess,
   colorPrimary,

package/Banner/index.mjs

@@ -1,10 +1,10 @@
 import React__default from "react";
-import { T as Text } from "../__chunks__/Text-CyuTrzKu.mjs";
+import { T as Text } from "../__chunks__/Text-Dd8Xlza-.mjs";
 import { classNames, variationName } from "../utilities/css.mjs";
-const colorSuccess = "_colorSuccess_y76rx_5";
-const colorPrimary = "_colorPrimary_y76rx_10";
-const colorNeutral = "_colorNeutral_y76rx_11";
-const Banner$1 = "_Banner_y76rx_23";
+const colorSuccess = "_colorSuccess_ekugm_5";
+const colorPrimary = "_colorPrimary_ekugm_10";
+const colorNeutral = "_colorNeutral_ekugm_11";
+const Banner$1 = "_Banner_ekugm_23";
 const styles = {
   colorSuccess,
   colorPrimary,

package/Button/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Button = require("../__chunks__/Button-CiDHkNCg.js");
+const Button = require("../__chunks__/Button-BYZevOhj.js");
 exports.Button = Button.Button;

package/Button/index.mjs

@@ -1,4 +1,4 @@
-import { B } from "../__chunks__/Button-oCtNmFap.mjs";
+import { B } from "../__chunks__/Button-Cp_AJEbw.mjs";
 export {
   B as Button
 };

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @easypost/easy-ui
 
+## 1.0.0-alpha.42
+
+### Minor Changes
+
+- 5eb407a: Create `<Calendar />` component
+
+### Patch Changes
+
+- Updated dependencies [5eb407a]
+  - @easypost/easy-ui-icons@1.0.0-alpha.25
+
 ## 1.0.0-alpha.41
 
 ### Patch Changes

package/Calendar/Calendar.d.ts

@@ -0,0 +1,57 @@
+import React, { ReactNode } from "react";
+import { DateValue, MappedDateValue } from "@react-types/calendar";
+export type CalendarProps = {
+    /**
+     * The minimum allowed date that a user may select.
+     */
+    minValue?: DateValue | null;
+    /**
+     * The maximum allowed date that a user may select.
+     */
+    maxValue?: DateValue | null;
+    /**
+     * Whether the calendar is disabled.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the calendar value is immutable.
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * The current value (controlled).
+     */
+    value?: DateValue | null;
+    /**
+     * The default value (uncontrolled).
+     */
+    defaultValue?: DateValue | null;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onChange?: (value: MappedDateValue<DateValue | null>) => void;
+    /**
+     * Callback that is called for each date of the calendar. If
+     * it returns true, then the date is unavailable.
+     */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    /**
+     * Whether the current selection is invalid according to application logic.
+     */
+    isInvalid?: boolean;
+    /**
+     * An error message to display when the selected value is invalid.
+     */
+    errorMessage?: ReactNode;
+    /**
+     * Display the days falling into the other months.
+     * @default false
+     */
+    showDaysOutsideCurrentMonth?: boolean;
+};
+export declare function Calendar(props: CalendarProps): React.JSX.Element;
+export declare namespace Calendar {
+    var displayName: string;
+}
+//# sourceMappingURL=Calendar.d.ts.map

package/Calendar/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMzC,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKnE,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IAC9D;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IACjD;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAoC5C;yBApCe,QAAQ"}

package/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { Calendar } from "./Calendar";
+type Story = StoryObj<typeof Calendar>;
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+export declare const Default: Story;
+export declare const DefaultValue: Story;
+export declare const LimitAvailableDates: Story;
+export declare const DatesAvailability: Story;
+export declare const showDaysOutsideCurrentMonth: Story;
+export declare const ControlledSelection: Story;
+export declare const InvalidSelection: Story;
+export declare const DisabledCalendar: Story;
+export declare const ReadonlyCalendar: Story;
+//# sourceMappingURL=Calendar.stories.d.ts.map

package/Calendar/Calendar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.stories.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASlD,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAErD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAIvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAqB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAE1B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAKzC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAK9B,CAAC"}

package/Calendar/Calendar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Calendar.test.d.ts.map

package/Calendar/Calendar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.test.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.test.tsx"],"names":[],"mappings":""}

package/Calendar/CalendarCell.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CalendarState } from "@react-stately/calendar";
+import { CalendarDate } from "@internationalized/date";
+export type CalendarCellProps = {
+    state: CalendarState;
+    /**
+     * The date that this cell represents.
+     */
+    date: CalendarDate;
+};
+export declare function CalendarCell({ state, date }: CalendarCellProps): React.JSX.Element;
+//# sourceMappingURL=CalendarCell.d.ts.map

package/Calendar/CalendarCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarCell.d.ts","sourceRoot":"","sources":["../../src/Calendar/CalendarCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAMvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,aAAa,CAAC;IACrB;;OAEG;IACH,IAAI,EAAE,YAAY,CAAC;CACpB,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBA+C9D"}

package/Calendar/CalendarGrid.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { CalendarState } from "@react-stately/calendar";
+import { CalendarDate } from "@internationalized/date";
+export type CalendarGridProps = {
+    state: CalendarState;
+    startDate?: CalendarDate;
+    endDate?: CalendarDate;
+    weekdayStyle?: "narrow" | "short" | "long";
+    showDaysOutsideCurrentMonth?: boolean;
+};
+export declare function CalendarGrid({ state, ...props }: CalendarGridProps): React.JSX.Element;
+//# sourceMappingURL=CalendarGrid.d.ts.map

package/Calendar/CalendarGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid.d.ts","sourceRoot":"","sources":["../../src/Calendar/CalendarGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAe,MAAM,yBAAyB,CAAC;AAKpE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBA0ClE"}

package/Calendar/CalendarHeader.d.ts

@@ -0,0 +1,25 @@
+import React, { AriaAttributes } from "react";
+import { CalendarState, RangeCalendarState } from "@react-stately/calendar";
+import { AriaButtonProps } from "react-aria";
+export type CalendarHeaderProps = {
+    state: CalendarState | RangeCalendarState;
+    /**
+     * Props for the calendar grouping element.
+     */
+    calendarProps: AriaAttributes;
+    /**
+     * A description of the visible date range, for use in the calendar
+     * title.
+     */
+    title: string;
+    /**
+     * Props for the previous button.
+     */
+    prevButtonProps: AriaButtonProps;
+    /**
+     * Props for the next button.
+     */
+    nextButtonProps: AriaButtonProps;
+};
+export declare function CalendarHeader({ title, calendarProps, prevButtonProps: { onFocusChange: _onFocusChangePrevButton, ...restPrevButtonProps }, nextButtonProps: { onFocusChange: _onFocusChangeNextButton, ...restNextButtonProps }, }: CalendarHeaderProps): React.JSX.Element;
+//# sourceMappingURL=CalendarHeader.d.ts.map

package/Calendar/CalendarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.d.ts","sourceRoot":"","sources":["../../src/Calendar/CalendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAW7C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,aAAa,GAAG,kBAAkB,CAAC;IAC1C;;OAEG;IACH,aAAa,EAAE,cAAc,CAAC;IAC9B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,eAAe,EAAE,eAAe,CAAC;IACjC;;OAEG;IACH,eAAe,EAAE,eAAe,CAAC;CAClC,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAa,EACb,eAAe,EAAE,EACf,aAAa,EAAE,wBAAwB,EACvC,GAAG,mBAAmB,EACvB,EACD,eAAe,EAAE,EACf,aAAa,EAAE,wBAAwB,EACvC,GAAG,mBAAmB,EACvB,GACF,EAAE,mBAAmB,qBAmBrB"}

package/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Calendar";
+//# sourceMappingURL=index.d.ts.map

package/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Calendar/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}