@pathscale/ui 1.1.56 → 1.1.57

package/dist/components/button/Button.css

@@ -19,6 +19,7 @@
     user-select: none;
     outline: none;
     cursor: pointer;
+    touch-action: manipulation;
     transition:
       transform 250ms ease,
       background-color 100ms ease,
@@ -64,7 +65,10 @@
     }
   }
 
-  .button svg:not([data-slot="spinner"] svg) {
+  .button__icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     pointer-events: none;
     margin-block: 0.125rem;
     height: 1rem;
@@ -73,6 +77,12 @@
     align-self: center;
   }
 
+  .button__icon > * {
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+  }
+
   .button--sm {
     height: 2.25rem;
     padding-inline: 0.75rem;

package/dist/components/button/Button.d.ts

@@ -1,7 +1,8 @@
 import "./Button.css";
 import { type JSX } from "solid-js";
-type ButtonVariant = "primary" | "secondary" | "tertiary" | "outline" | "ghost" | "danger" | "danger-soft";
-type ButtonSize = "sm" | "md" | "lg";
+import { CLASSES } from "./Button.classes";
+export type ButtonVariant = keyof typeof CLASSES.variant;
+export type ButtonSize = keyof typeof CLASSES.size;
 type ButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled"> & {
     variant?: ButtonVariant;
     size?: ButtonSize;
@@ -9,8 +10,10 @@ type ButtonProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "disabled">
     fullWidth?: boolean;
     isDisabled?: boolean;
     isPending?: boolean;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
     className?: string;
 };
 declare const Button: (props: ButtonProps) => JSX.Element;
 export default Button;
-export type { ButtonProps, ButtonVariant, ButtonSize };
+export type { ButtonProps };

package/dist/components/button/Button.js

@@ -2,21 +2,9 @@ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web
 import "./Button.css";
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span class=button__spinner data-slot=spinner aria-hidden=true>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
-const VARIANT_CLASS_MAP = {
-    primary: "button--primary",
-    secondary: "button--secondary",
-    tertiary: "button--tertiary",
-    outline: "button--outline",
-    ghost: "button--ghost",
-    danger: "button--danger",
-    "danger-soft": "button--danger-soft"
-};
-const SIZE_CLASS_MAP = {
-    sm: "button--sm",
-    md: "button--md",
-    lg: "button--lg"
-};
+import * as __WEBPACK_EXTERNAL_MODULE__button_group_context_js_9dfe2267__ from "../button-group/context.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__ from "./Button.classes.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>");
 const Button = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "children",
@@ -28,21 +16,25 @@ const Button = (props)=>{
         "fullWidth",
         "isDisabled",
         "isPending",
+        "startIcon",
+        "endIcon",
         "type"
     ]);
-    const variant = ()=>local.variant ?? "primary";
-    const size = ()=>local.size ?? "md";
-    const disabled = ()=>Boolean(local.isDisabled) || Boolean(local.isPending);
-    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("button", VARIANT_CLASS_MAP[variant()], SIZE_CLASS_MAP[size()], local.isIconOnly && "button--icon-only", local.fullWidth && "button--full-width", local.class, local.className);
+    const buttonGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(__WEBPACK_EXTERNAL_MODULE__button_group_context_js_9dfe2267__.ButtonGroupContext);
+    const variant = ()=>local.variant ?? buttonGroupContext?.variant() ?? "primary";
+    const size = ()=>local.size ?? buttonGroupContext?.size() ?? "md";
+    const fullWidth = ()=>local.fullWidth ?? buttonGroupContext?.fullWidth();
+    const disabled = ()=>Boolean(local.isDisabled ?? buttonGroupContext?.isDisabled()) || Boolean(local.isPending);
+    const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.base, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.variant[variant()], __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.size[size()], local.isIconOnly && __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.flag.isIconOnly, fullWidth() && __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.flag.fullWidth, local.class, local.className);
     return (()=>{
         var _el$ = _tmpl$2();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
             get type () {
                 return local.type ?? "button";
-            },
-            get ["class"] () {
-                return classes();
-            },
+            }
+        }, ()=>({
+                class: classes()
+            }), {
             "data-slot": "button",
             get ["data-pending"] () {
                 return local.isPending ? "true" : "false";
@@ -59,10 +51,47 @@ const Button = (props)=>{
                 return local.isPending;
             },
             get children () {
-                return _tmpl$();
+                var _el$2 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.spinner
+                    }), {
+                    "data-slot": "spinner",
+                    "aria-hidden": "true"
+                }), false, false);
+                return _el$2;
+            }
+        }), null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.startIcon;
+            },
+            get children () {
+                var _el$3 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.iconStart)
+                    }), {
+                    "data-slot": "button-start-icon"
+                }), false, true);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.startIcon);
+                return _el$3;
             }
         }), null);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children, null);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
+            get when () {
+                return local.endIcon;
+            },
+            get children () {
+                var _el$4 = _tmpl$();
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
+                        class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.icon, __WEBPACK_EXTERNAL_MODULE__Button_classes_js_e06fc199__.CLASSES.slot.iconEnd)
+                    }), {
+                    "data-slot": "button-end-icon"
+                }), false, true);
+                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.endIcon);
+                return _el$4;
+            }
+        }), null);
         return _el$;
     })();
 };

package/dist/components/button-group/ButtonGroup.classes.d.ts

@@ -0,0 +1,15 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "button-group";
+        readonly orientation: {
+            readonly horizontal: "button-group--horizontal";
+            readonly vertical: "button-group--vertical";
+        };
+        readonly flag: {
+            readonly fullWidth: "button-group--full-width";
+        };
+    };
+    readonly Separator: {
+        readonly base: "button-group__separator";
+    };
+};

package/dist/components/button-group/ButtonGroup.classes.js

@@ -0,0 +1,16 @@
+const CLASSES = {
+    Root: {
+        base: "button-group",
+        orientation: {
+            horizontal: "button-group--horizontal",
+            vertical: "button-group--vertical"
+        },
+        flag: {
+            fullWidth: "button-group--full-width"
+        }
+    },
+    Separator: {
+        base: "button-group__separator"
+    }
+};
+export { CLASSES };

package/dist/components/button-group/ButtonGroup.css

@@ -0,0 +1,117 @@
+@layer components {
+  .button-group {
+    display: inline-flex;
+    height: auto;
+    align-items: center;
+    justify-content: center;
+    gap: 0;
+  }
+
+  .button-group--horizontal {
+    flex-direction: row;
+  }
+
+  .button-group--vertical {
+    flex-direction: column;
+  }
+
+  .button-group .button {
+    border-radius: 0;
+  }
+
+  .button-group--horizontal .button:first-child {
+    border-start-start-radius: 1.5rem;
+    border-end-start-radius: 1.5rem;
+  }
+
+  .button-group--horizontal .button:last-child {
+    border-start-end-radius: 1.5rem;
+    border-end-end-radius: 1.5rem;
+  }
+
+  .button-group--horizontal .button:first-child:last-child {
+    border-radius: 1.5rem;
+  }
+
+  .button-group--vertical .button:first-child {
+    border-top-left-radius: 1.5rem;
+    border-top-right-radius: 1.5rem;
+  }
+
+  .button-group--vertical .button:last-child {
+    border-bottom-left-radius: 1.5rem;
+    border-bottom-right-radius: 1.5rem;
+  }
+
+  .button-group--vertical .button:first-child:last-child {
+    border-radius: 1.5rem;
+  }
+
+  .button-group .button:active,
+  .button-group .button[data-pressed="true"] {
+    transform: none;
+  }
+
+  .button-group .button:focus-visible,
+  .button-group .button[data-focus-visible="true"] {
+    outline-offset: -1px;
+  }
+
+  .button-group__separator {
+    background-color: currentColor;
+    opacity: 0.15;
+    border-radius: 4px;
+    position: absolute;
+    pointer-events: none;
+    transition: opacity 150ms var(--ease-smooth);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .button-group__separator {
+      transition: none;
+    }
+  }
+
+  .button-group--horizontal .button-group__separator {
+    left: -1px;
+    top: 25%;
+    width: 1px;
+    height: 50%;
+  }
+
+  .button-group--vertical .button-group__separator {
+    left: 25%;
+    top: -1px;
+    width: 50%;
+    height: 1px;
+  }
+
+  .button-group--horizontal .button--outline:first-child {
+    border-inline-end-width: 0;
+  }
+
+  .button-group--horizontal .button--outline:last-child {
+    border-inline-start-width: 0;
+  }
+
+  .button-group--horizontal .button--outline:not(:first-child):not(:last-child) {
+    border-inline-width: 0;
+  }
+
+  .button-group--vertical .button--outline:first-child {
+    border-bottom-width: 0;
+  }
+
+  .button-group--vertical .button--outline:last-child {
+    border-top-width: 0;
+  }
+
+  .button-group--vertical .button--outline:not(:first-child):not(:last-child) {
+    border-top-width: 0;
+    border-bottom-width: 0;
+  }
+
+  .button-group--full-width {
+    width: 100%;
+  }
+}

package/dist/components/button-group/ButtonGroup.d.ts

@@ -0,0 +1,23 @@
+import "./ButtonGroup.css";
+import { type Component, type JSX, type ParentComponent } from "solid-js";
+import type { ButtonSize, ButtonVariant } from "../button";
+import type { IComponentBaseProps } from "../types";
+export type ButtonGroupOrientation = "horizontal" | "vertical";
+export type ButtonGroupRootProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> & IComponentBaseProps & {
+    children?: JSX.Element;
+    orientation?: ButtonGroupOrientation;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    isDisabled?: boolean;
+    fullWidth?: boolean;
+};
+export type ButtonGroupSeparatorProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "children"> & IComponentBaseProps;
+declare const ButtonGroupRoot: ParentComponent<ButtonGroupRootProps>;
+declare const ButtonGroupSeparator: Component<ButtonGroupSeparatorProps>;
+declare const ButtonGroup: ParentComponent<ButtonGroupRootProps> & {
+    Root: ParentComponent<ButtonGroupRootProps>;
+    Separator: Component<ButtonGroupSeparatorProps>;
+};
+export default ButtonGroup;
+export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator };
+export type { ButtonGroupRootProps as ButtonGroupProps };

package/dist/components/button-group/ButtonGroup.js

@@ -0,0 +1,87 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./ButtonGroup.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+import * as __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__ from "./ButtonGroup.classes.js";
+import * as __WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__ from "./context.js";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const ButtonGroupRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "orientation",
+        "size",
+        "variant",
+        "isDisabled",
+        "fullWidth",
+        "role"
+    ]);
+    const orientation = ()=>local.orientation ?? "horizontal";
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__context_js_80e2871f__.ButtonGroupContext.Provider, {
+        value: {
+            size: ()=>local.size,
+            variant: ()=>local.variant,
+            isDisabled: ()=>local.isDisabled,
+            fullWidth: ()=>local.fullWidth
+        },
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
+                    class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.base, __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.orientation[orientation()], local.fullWidth && __WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Root.flag.fullWidth, local.class, local.className)
+                }), {
+                "data-slot": "button-group",
+                get ["data-orientation"] () {
+                    return orientation();
+                },
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                },
+                get role () {
+                    return local.role ?? "group";
+                },
+                get ["aria-disabled"] () {
+                    return local.isDisabled ? "true" : void 0;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
+            return _el$;
+        }
+    });
+};
+const ButtonGroupSeparator = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$2 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            "aria-hidden": "true"
+        }, ()=>({
+                class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__ButtonGroup_classes_js_da79d854__.CLASSES.Separator.base, local.class, local.className)
+            }), {
+            "data-slot": "button-group-separator",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, false);
+        return _el$2;
+    })();
+};
+const ButtonGroup = Object.assign(ButtonGroupRoot, {
+    Root: ButtonGroupRoot,
+    Separator: ButtonGroupSeparator
+});
+const button_group_ButtonGroup = ButtonGroup;
+export { ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, button_group_ButtonGroup as default };

package/dist/components/button-group/context.d.ts

@@ -0,0 +1,8 @@
+import type { ButtonSize, ButtonVariant } from "../button";
+export type ButtonGroupContextValue = {
+    size: () => ButtonSize | undefined;
+    variant: () => ButtonVariant | undefined;
+    isDisabled: () => boolean | undefined;
+    fullWidth: () => boolean | undefined;
+};
+export declare const ButtonGroupContext: import("solid-js").Context<ButtonGroupContextValue | undefined>;

package/dist/components/button-group/context.js

@@ -0,0 +1,3 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const ButtonGroupContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+export { ButtonGroupContext };

package/dist/components/button-group/index.d.ts

@@ -0,0 +1 @@
+export { default, ButtonGroup, ButtonGroupRoot, ButtonGroupSeparator, type ButtonGroupProps, type ButtonGroupRootProps, type ButtonGroupSeparatorProps, type ButtonGroupOrientation, } from "./ButtonGroup";

package/dist/components/button-group/index.js

@@ -0,0 +1,6 @@
+import * as __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__ from "./ButtonGroup.js";
+var __webpack_exports__ButtonGroup = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroup;
+var __webpack_exports__ButtonGroupRoot = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupRoot;
+var __webpack_exports__ButtonGroupSeparator = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__.ButtonGroupSeparator;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ButtonGroup_js_df72aaf5__["default"];
+export { __webpack_exports__ButtonGroup as ButtonGroup, __webpack_exports__ButtonGroupRoot as ButtonGroupRoot, __webpack_exports__ButtonGroupSeparator as ButtonGroupSeparator, __webpack_exports__default as default };

package/dist/components/calendar/Calendar.classes.d.ts

@@ -0,0 +1,62 @@
+export declare const CLASSES: {
+    readonly Root: {
+        readonly base: "calendar";
+        readonly flag: {
+            readonly disabled: "calendar--disabled";
+        };
+    };
+    readonly Header: {
+        readonly base: "calendar__header";
+    };
+    readonly Heading: {
+        readonly base: "calendar__heading";
+    };
+    readonly Nav: {
+        readonly base: "calendar__nav";
+    };
+    readonly NavButton: {
+        readonly base: "calendar__nav-button";
+    };
+    readonly NavButtonIcon: {
+        readonly base: "calendar__nav-button-icon";
+    };
+    readonly Grid: {
+        readonly base: "calendar__grid";
+    };
+    readonly GridHeader: {
+        readonly base: "calendar__grid-header";
+    };
+    readonly GridBody: {
+        readonly base: "calendar__grid-body";
+    };
+    readonly GridRow: {
+        readonly base: "calendar__grid-row";
+    };
+    readonly HeaderCell: {
+        readonly base: "calendar__header-cell";
+    };
+    readonly DayWrapper: {
+        readonly base: "calendar__day-wrapper";
+    };
+    readonly DayPlaceholder: {
+        readonly base: "calendar__day-placeholder";
+    };
+    readonly Cell: {
+        readonly base: "calendar__cell";
+        readonly flag: {
+            readonly selected: "calendar__cell--selected";
+            readonly rangeStart: "calendar__cell--range-start";
+            readonly rangeEnd: "calendar__cell--range-end";
+            readonly inRange: "calendar__cell--in-range";
+            readonly inPreviewRange: "calendar__cell--in-preview-range";
+            readonly today: "calendar__cell--today";
+            readonly outsideMonth: "calendar__cell--outside-month";
+            readonly disabled: "calendar__cell--disabled";
+            readonly unavailable: "calendar__cell--unavailable";
+            readonly focused: "calendar__cell--focused";
+        };
+    };
+    readonly Day: {
+        readonly base: "calendar__day";
+    };
+};

package/dist/components/calendar/Calendar.classes.js

@@ -0,0 +1,63 @@
+const CLASSES = {
+    Root: {
+        base: "calendar",
+        flag: {
+            disabled: "calendar--disabled"
+        }
+    },
+    Header: {
+        base: "calendar__header"
+    },
+    Heading: {
+        base: "calendar__heading"
+    },
+    Nav: {
+        base: "calendar__nav"
+    },
+    NavButton: {
+        base: "calendar__nav-button"
+    },
+    NavButtonIcon: {
+        base: "calendar__nav-button-icon"
+    },
+    Grid: {
+        base: "calendar__grid"
+    },
+    GridHeader: {
+        base: "calendar__grid-header"
+    },
+    GridBody: {
+        base: "calendar__grid-body"
+    },
+    GridRow: {
+        base: "calendar__grid-row"
+    },
+    HeaderCell: {
+        base: "calendar__header-cell"
+    },
+    DayWrapper: {
+        base: "calendar__day-wrapper"
+    },
+    DayPlaceholder: {
+        base: "calendar__day-placeholder"
+    },
+    Cell: {
+        base: "calendar__cell",
+        flag: {
+            selected: "calendar__cell--selected",
+            rangeStart: "calendar__cell--range-start",
+            rangeEnd: "calendar__cell--range-end",
+            inRange: "calendar__cell--in-range",
+            inPreviewRange: "calendar__cell--in-preview-range",
+            today: "calendar__cell--today",
+            outsideMonth: "calendar__cell--outside-month",
+            disabled: "calendar__cell--disabled",
+            unavailable: "calendar__cell--unavailable",
+            focused: "calendar__cell--focused"
+        }
+    },
+    Day: {
+        base: "calendar__day"
+    }
+};
+export { CLASSES };