@vuu-ui/vuu-ui-controls 2.1.19-beta.2 → 2.1.19-beta.3

package/types/tabstrip/useTabstrip.d.ts

@@ -29,11 +29,11 @@ export declare const useTabstrip: ({ activeTabIndex: activeTabIndexProp, allowDr
     revealOverflowedItems?: boolean;
     activeTabIndex: number;
     containerProps: {
+        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
         onBlur: import("react").FocusEventHandler;
         onFocus: import("react").FocusEventHandler;
         onMouseDownCapture: import("react").MouseEventHandler;
         onMouseLeave: import("react").MouseEventHandler;
-        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
     };
     containerStyle: import("react").CSSProperties;
     focusVisible: number;

package/types/toolbar/useToolbar.d.ts

@@ -10,6 +10,7 @@ export declare const useToolbar: ({ activeItemIndex: activeItemIndexProp, defaul
     focusableIdx: number;
     focusVisible: number;
     containerProps: {
+        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
         onBlur: import("react").FocusEventHandler;
         onFocus: import("react").FocusEventHandler;
         onMouseDownCapture: import("react").MouseEventHandler;
@@ -18,7 +19,6 @@ export declare const useToolbar: ({ activeItemIndex: activeItemIndexProp, defaul
             onKeyDown: (evt: KeyboardEvent) => void;
             onMenuClose: import("@vuu-ui/vuu-popups").MenuCloseHandler | undefined;
         };
-        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
     };
     itemProps: {
         onClick: (evt: ReactMouseEvent<HTMLElement>) => void;

package/src/calendar/Calendar.css.js

@@ -1,10 +0,0 @@
-const css = `
-.saltCalendar {
-  background: var(--salt-container-primary-background);
-  width: min-content;
-  padding: var(--salt-spacing-100);
-}
-
-
-`;
-export default css;

package/src/calendar/Calendar.js

@@ -1,70 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { makePrefixer } from "@salt-ds/core";
-import { clsx } from "clsx";
-import { forwardRef, useCallback } from "react";
-import { CalendarCarousel } from "./internal/CalendarCarousel.js";
-import { CalendarContext } from "./internal/CalendarContext.js";
-import { CalendarNavigation } from "./internal/CalendarNavigation.js";
-import { CalendarWeekHeader } from "./internal/CalendarWeekHeader.js";
-import { useCalendar } from "./useCalendar.js";
-import { useComponentCssInjection } from "@salt-ds/styles";
-import { useWindow } from "@salt-ds/window";
-import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
-import Calendar_0 from "./Calendar.css";
-import { getCurrentLocale } from "./internal/utils.js";
-const withBaseName = makePrefixer("saltCalendar");
-const Calendar_Calendar = /*#__PURE__*/ forwardRef(function(props, ref) {
-    const { className, id, renderDayContents, hideYearDropdown, TooltipProps, borderedDropdown, ...rest } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-        testId: "salt-calendar",
-        css: Calendar_0,
-        window: targetWindow
-    });
-    const { state, helpers } = useCalendar({
-        hideYearDropdown,
-        ...rest
-    });
-    const { setCalendarFocused } = helpers;
-    const handleFocus = useCallback(()=>{
-        setCalendarFocused(true);
-    }, [
-        setCalendarFocused
-    ]);
-    const handleBlur = useCallback(()=>{
-        setCalendarFocused(false);
-    }, [
-        setCalendarFocused
-    ]);
-    const calendarLabel = new DateFormatter(getCurrentLocale(), {
-        month: "long",
-        year: "numeric"
-    }).format(state.visibleMonth.toDate(getLocalTimeZone()));
-    return /*#__PURE__*/ jsx(CalendarContext.Provider, {
-        value: {
-            state,
-            helpers
-        },
-        children: /*#__PURE__*/ jsxs("div", {
-            className: clsx(withBaseName(), className),
-            id: id,
-            role: "application",
-            "aria-label": calendarLabel,
-            ref: ref,
-            children: [
-                /*#__PURE__*/ jsx(CalendarNavigation, {
-                    borderedDropdown: borderedDropdown,
-                    hideYearDropdown: hideYearDropdown
-                }),
-                /*#__PURE__*/ jsx(CalendarWeekHeader, {}),
-                /*#__PURE__*/ jsx(CalendarCarousel, {
-                    onFocus: handleFocus,
-                    onBlur: handleBlur,
-                    renderDayContents: renderDayContents,
-                    TooltipProps: TooltipProps
-                })
-            ]
-        })
-    });
-});
-export { Calendar_Calendar as Calendar };

package/src/calendar/index.js

@@ -1,4 +0,0 @@
-export * from "./Calendar.js";
-export * from "./useCalendarDay.js";
-export * from "./useCalendar.js";
-export * from "./useSelection.js";

package/src/calendar/internal/CalendarCarousel.css.js

@@ -1,19 +0,0 @@
-const css = `
-.saltCalendarCarousel-track {
-  grid-auto-flow: column;
-  display: grid;
-}
-
-.saltCalendarCarousel-track > * {
-  width: 100%;
-  position: absolute;
-  left: 0;
-}
-
-.saltCalendarCarousel-track > :nth-child(2) {
-  position: relative;
-}
-
-
-`;
-export default css;

package/src/calendar/internal/CalendarCarousel.js

@@ -1,73 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { isSameMonth } from "@internationalized/date";
-import { makePrefixer, useIsomorphicLayoutEffect } from "@salt-ds/core";
-import { forwardRef, useEffect, useRef, useState } from "react";
-import { useCalendarContext } from "./CalendarContext.js";
-import { CalendarMonth } from "./CalendarMonth.js";
-import { useComponentCssInjection } from "@salt-ds/styles";
-import { useWindow } from "@salt-ds/window";
-import CalendarCarousel_0 from "./CalendarCarousel.css";
-import { formatDate, monthDiff } from "./utils.js";
-function getMonths(month) {
-    return [
-        month.subtract({
-            months: 1
-        }),
-        month,
-        month.add({
-            months: 1
-        })
-    ];
-}
-const withBaseName = makePrefixer("saltCalendarCarousel");
-const CalendarCarousel_CalendarCarousel = /*#__PURE__*/ forwardRef(function(props, ref) {
-    const { ...rest } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-        testId: "salt-calendar-carousel",
-        css: CalendarCarousel_0,
-        window: targetWindow
-    });
-    const { state: { visibleMonth } } = useCalendarContext();
-    const containerRef = useRef(null);
-    const diffIndex = (a, b)=>monthDiff(a, b);
-    const { current: baseIndex } = useRef(visibleMonth);
-    useIsomorphicLayoutEffect(()=>{
-        if (containerRef.current) containerRef.current.style.transform = `translate3d(${-101 * diffIndex(baseIndex, visibleMonth)}%, 0, 0)`;
-    });
-    const [months, setMonths] = useState(()=>getMonths(visibleMonth));
-    useEffect(()=>{
-        setMonths((oldMonths)=>{
-            const newMonths = getMonths(visibleMonth).filter((month)=>!oldMonths.find((oldMonth)=>isSameMonth(oldMonth, month)));
-            return oldMonths.concat(newMonths);
-        });
-        setMonths(getMonths(visibleMonth));
-    }, [
-        formatDate(visibleMonth)
-    ]);
-    return /*#__PURE__*/ jsx("div", {
-        className: withBaseName(),
-        tabIndex: -1,
-        style: {
-            overflowX: "hidden",
-            position: "relative"
-        },
-        ref: ref,
-        children: /*#__PURE__*/ jsx("div", {
-            className: withBaseName("track"),
-            ref: containerRef,
-            children: months.map((date, index)=>/*#__PURE__*/ jsx("div", {
-                    className: withBaseName("slide"),
-                    style: {
-                        transform: `translateX(${-101 * diffIndex(date, baseIndex)}%)`
-                    },
-                    "aria-hidden": 1 !== index ? "true" : void 0,
-                    children: /*#__PURE__*/ jsx(CalendarMonth, {
-                        ...rest,
-                        date: date
-                    })
-                }, formatDate(date)))
-        })
-    });
-});
-export { CalendarCarousel_CalendarCarousel as CalendarCarousel };

package/src/calendar/internal/CalendarContext.js

@@ -1,9 +0,0 @@
-import { createContext, useContext } from "react";
-const CalendarContext = /*#__PURE__*/ createContext(null);
-if ("production" !== process.env.NODE_ENV) CalendarContext.displayName = "CalendarContext";
-function useCalendarContext() {
-    const context = useContext(CalendarContext);
-    if (!context) throw new Error("Unexpected usage");
-    return context;
-}
-export { CalendarContext, useCalendarContext };

package/src/calendar/internal/CalendarDay.css.js

@@ -1,116 +0,0 @@
-const css = `
-.saltCalendarDay {
-  font-family: var(--salt-text-fontFamily);
-  font-weight: var(--salt-text-fontWeight);
-  line-height: var(--salt-text-lineHeight);
-  font-size: var(--salt-text-fontSize);
-  width: var(--salt-size-base);
-  height: var(--salt-size-base);
-  color: var(--salt-content-primary-foreground);
-  background: var(--salt-selectable-background);
-  cursor: pointer;
-  border: none;
-  justify-content: center;
-  align-items: center;
-  padding: 0;
-  display: flex;
-  position: relative;
-  overflow: hidden;
-}
-
-.saltCalendarDay-content {
-  margin: 0 var(--salt-spacing-50);
-  width: 100%;
-}
-
-.saltCalendarDay:focus-visible {
-  outline: var(--salt-focused-outline);
-  outline-offset: calc(0px - var(--salt-focused-outlineWidth));
-}
-
-.saltCalendarDay-outOfRange {
-  color: var(--salt-content-secondary-foreground);
-}
-
-.saltCalendarDay-outOfRange:hover {
-  color: var(--salt-content-primary-foreground);
-}
-
-.saltCalendarDay-outOfRange .saltCalendarDay-today {
-  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-content-secondary-foreground);
-}
-
-.saltCalendarDay-outOfRange.saltCalendarDay-highlighted:before {
-  background: var(--salt-content-secondary-foreground);
-}
-
-.saltCalendarDay:hover, .saltCalendarDay-hoveredOffset, .saltCalendarDay-hoveredOffset:hover {
-  background: var(--salt-selectable-background-hover);
-}
-
-.saltCalendarDay-selected {
-  border-radius: var(--salt-palette-corner-weak, 0);
-}
-
-.saltCalendarDay-selectedStart {
-  z-index: var(--salt-zIndex-default);
-  border-top-left-radius: var(--salt-palette-corner-weak, 0);
-  border-bottom-left-radius: var(--salt-palette-corner-weak, 0);
-}
-
-.saltCalendarDay-selectedEnd {
-  border-top-right-radius: var(--salt-palette-corner-weak, 0);
-  border-bottom-right-radius: var(--salt-palette-corner-weak, 0);
-}
-
-.saltCalendarDay-selected, .saltCalendarDay-selected:hover, .saltCalendarDay-selectedStart, .saltCalendarDay-selectedStart:hover, .saltCalendarDay-selectedEnd, .saltCalendarDay-selectedEnd:hover {
-  background: var(--salt-selectable-background-selected);
-  box-shadow: 0 0 0 var(--salt-size-border) var(--salt-selectable-borderColor-selected);
-}
-
-.saltCalendarDay-hoveredSpan, .saltCalendarDay-hoveredSpan:hover, .saltCalendarDay-selectedSpan, .saltCalendarDay-selectedSpan:hover {
-  background: var(--salt-selectable-background-hover);
-  box-shadow: calc(var(--salt-size-border) * -2) 0 0 0 var(--salt-selectable-background-hover), calc(var(--salt-size-border) * -1) 0 0 var(--salt-size-border)
-    var(--salt-selectable-borderColor-selected), 0 calc(var(--salt-size-border) * -1) 0 var(--salt-selectable-borderColor-selected);
-}
-
-.saltCalendarDay-disabled, .saltCalendarDay-disabled:hover, .saltCalendarDay-unselectable, .saltCalendarDay-unselectable:hover {
-  background: var(--salt-selectable-background-disabled);
-  cursor: var(--salt-selectable-cursor-disabled);
-}
-
-.saltCalendarDay-highlighted:before, .saltCalendarDay-highlighted:hover:before {
-  content: "";
-  height: var(--salt-spacing-200);
-  width: var(--salt-spacing-200);
-  top: calc(var(--salt-spacing-100) * -1);
-  right: calc(var(--salt-spacing-100) * -1);
-  background: var(--salt-accent-background);
-  position: absolute;
-  transform: rotate(45deg);
-}
-
-.saltCalendarDay-unselectable:after {
-  content: "";
-  height: var(--salt-size-border);
-  width: calc(100% - var(--salt-spacing-100));
-  background: var(--salt-content-secondary-foreground);
-  position: absolute;
-}
-
-.saltCalendarDay-today, .saltCalendarDay-today:hover, .saltCalendarDay-outOfRange .saltCalendarDay-today:hover {
-  border-bottom: var(--salt-size-indicator) var(--salt-selectable-borderStyle) var(--salt-accent-borderColor);
-  margin-bottom: calc(var(--salt-size-indicator) * -1);
-}
-
-.saltCalendarDay-disabled, .saltCalendarDay-disabled:hover {
-  color: var(--salt-content-secondary-foreground-disabled);
-}
-
-.saltCalendarDay-hidden {
-  visibility: hidden;
-}
-
-
-`;
-export default css;

package/src/calendar/internal/CalendarMonth.css.js

@@ -1,13 +0,0 @@
-const css = `
-.saltCalendarMonth-dateGrid {
-  gap: var(--salt-size-border);
-  grid-template-columns: repeat(7, var(--salt-size-base));
-  grid-template-rows: repeat(6, var(--salt-size-base));
-  text-align: center;
-  margin: var(--salt-size-border);
-  display: grid;
-}
-
-
-`;
-export default css;

package/src/calendar/internal/CalendarMonth.js

@@ -1,43 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { makePrefixer } from "@salt-ds/core";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { CalendarDay } from "./CalendarDay.js";
-import { formatDate, generateVisibleDays } from "./utils.js";
-import { useComponentCssInjection } from "@salt-ds/styles";
-import { useWindow } from "@salt-ds/window";
-import { useCalendarContext } from "./CalendarContext.js";
-import CalendarMonth_0 from "./CalendarMonth.css";
-const withBaseName = makePrefixer("saltCalendarMonth");
-const CalendarMonth_CalendarMonth = /*#__PURE__*/ forwardRef(function(props, ref) {
-    const { className, date, renderDayContents, onMouseLeave, TooltipProps, ...rest } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-        testId: "salt-calendar-month",
-        css: CalendarMonth_0,
-        window: targetWindow
-    });
-    const days = generateVisibleDays(date);
-    const { helpers: { setHoveredDate } } = useCalendarContext();
-    const handleMouseLeave = (event)=>{
-        setHoveredDate(event, null);
-        onMouseLeave?.(event);
-    };
-    return /*#__PURE__*/ jsx("div", {
-        className: clsx(withBaseName(), className),
-        ref: ref,
-        onMouseLeave: handleMouseLeave,
-        ...rest,
-        children: /*#__PURE__*/ jsx("div", {
-            "data-testid": "CalendarDateGrid",
-            className: withBaseName("dateGrid"),
-            children: days.map((day)=>/*#__PURE__*/ jsx(CalendarDay, {
-                    day: day.date,
-                    renderDayContents: renderDayContents,
-                    month: date,
-                    TooltipProps: TooltipProps
-                }, formatDate(day.date)))
-        })
-    });
-});
-export { CalendarMonth_CalendarMonth as CalendarMonth };

package/src/calendar/internal/CalendarNavigation.css.js

@@ -1,24 +0,0 @@
-const css = `
-.saltCalendarNavigation {
-  padding-bottom: var(--salt-spacing-100);
-  grid-gap: 0;
-  box-sizing: border-box;
-  grid-template-columns: min-content auto min-content;
-  align-items: center;
-  display: grid;
-}
-
-.saltCalendarNavigation-hideYearDropdown {
-  grid-gap: var(--salt-spacing-300);
-  grid-template-columns: min-content auto min-content;
-}
-
-.saltCalendarNavigation-dropdowns {
-  grid-gap: var(--salt-spacing-100);
-  grid-template-columns: 1fr 1fr;
-  display: grid;
-}
-
-
-`;
-export default css;

package/src/calendar/internal/CalendarNavigation.js

@@ -1,185 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, Dropdown, Option, Tooltip, makePrefixer, useListControlContext } from "@salt-ds/core";
-import { ChevronLeftIcon, ChevronRightIcon } from "@salt-ds/icons";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { useCalendarContext } from "./CalendarContext.js";
-import { isSameMonth, isSameYear } from "@internationalized/date";
-import { useComponentCssInjection } from "@salt-ds/styles";
-import { useWindow } from "@salt-ds/window";
-import CalendarNavigation_0 from "./CalendarNavigation.css";
-import { formatDate, monthDiff, monthsForLocale } from "./utils.js";
-const withBaseName = makePrefixer("saltCalendarNavigation");
-function useCalendarNavigation() {
-    const { state: { visibleMonth, minDate, maxDate }, helpers: { setVisibleMonth, isDayVisible, isOutsideAllowedYears, isOutsideAllowedMonths } } = useCalendarContext();
-    const moveToNextMonth = (event)=>{
-        setVisibleMonth(event, visibleMonth.add({
-            months: 1
-        }));
-    };
-    const moveToPreviousMonth = (event)=>{
-        setVisibleMonth(event, visibleMonth.subtract({
-            months: 1
-        }));
-    };
-    const moveToMonth = (event, month)=>{
-        let newMonth = month;
-        if (!isOutsideAllowedYears(newMonth)) {
-            if (isOutsideAllowedMonths(newMonth)) {
-                const navigableMonths = monthsForLocale(visibleMonth).filter((n)=>!isOutsideAllowedMonths(n));
-                newMonth = navigableMonths.reduce((closestMonth, currentMonth)=>Math.abs(monthDiff(currentMonth, newMonth)) < Math.abs(monthDiff(closestMonth, newMonth)) ? currentMonth : closestMonth);
-            }
-            setVisibleMonth(event, newMonth);
-        }
-    };
-    const months = monthsForLocale(visibleMonth);
-    const years = [
-        -2,
-        -1,
-        0,
-        1,
-        2
-    ].map((delta)=>visibleMonth.add({
-            years: delta
-        })).filter((year)=>!isOutsideAllowedYears(year));
-    const selectedMonth = months.find((month)=>isSameMonth(month, visibleMonth));
-    const selectedYear = years.find((year)=>isSameYear(year, visibleMonth));
-    const canNavigatePrevious = !(minDate && isDayVisible(minDate));
-    const canNavigateNext = !(maxDate && isDayVisible(maxDate));
-    return {
-        moveToNextMonth,
-        moveToPreviousMonth,
-        moveToMonth,
-        visibleMonth,
-        months,
-        years,
-        canNavigateNext,
-        canNavigatePrevious,
-        selectedMonth,
-        selectedYear,
-        isOutsideAllowedMonths
-    };
-}
-const OptionWithTooltip = ({ value, children, disabled, tooltipContent })=>{
-    const { activeState, openState } = useListControlContext();
-    const open = activeState?.value === value;
-    return /*#__PURE__*/ jsx(Tooltip, {
-        placement: "right",
-        open: open && openState,
-        disabled: !disabled,
-        content: tooltipContent,
-        enterDelay: 0,
-        leaveDelay: 0,
-        children: /*#__PURE__*/ jsx(Option, {
-            value: value,
-            disabled: disabled,
-            children: children
-        })
-    });
-};
-const CalendarNavigation_CalendarNavigation = /*#__PURE__*/ forwardRef(function(props, ref) {
-    const { className, MonthDropdownProps, YearDropdownProps, hideYearDropdown, borderedDropdown, ...rest } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-        testId: "salt-calendar-navigation",
-        css: CalendarNavigation_0,
-        window: targetWindow
-    });
-    const { moveToPreviousMonth, moveToNextMonth, moveToMonth, months, years, canNavigateNext, canNavigatePrevious, selectedMonth, selectedYear, isOutsideAllowedMonths } = useCalendarNavigation();
-    const handleNavigatePrevious = (event)=>{
-        moveToPreviousMonth(event);
-    };
-    const handleNavigateNext = (event)=>{
-        moveToNextMonth(event);
-    };
-    const handleMonthSelect = (event, month)=>{
-        moveToMonth(event, month[0]);
-    };
-    const handleYearSelect = (event, year)=>{
-        moveToMonth(event, year[0]);
-    };
-    const formatMonth = (date)=>date ? formatDate(date, {
-            month: hideYearDropdown ? "long" : "short"
-        }) : "";
-    const formatYear = (date)=>date ? formatDate(date, {
-            year: "numeric"
-        }) : "";
-    return /*#__PURE__*/ jsxs("div", {
-        className: clsx(withBaseName(), {
-            [withBaseName("hideYearDropdown")]: hideYearDropdown
-        }, className),
-        ref: ref,
-        ...rest,
-        children: [
-            /*#__PURE__*/ jsx(Tooltip, {
-                placement: "top",
-                disabled: canNavigatePrevious,
-                content: "Past dates are out of range",
-                enterDelay: 0,
-                leaveDelay: 0,
-                children: /*#__PURE__*/ jsx(Button, {
-                    disabled: !canNavigatePrevious,
-                    variant: "secondary",
-                    onClick: handleNavigatePrevious,
-                    focusableWhenDisabled: true,
-                    children: /*#__PURE__*/ jsx(ChevronLeftIcon, {
-                        "aria-label": "Previous Month"
-                    })
-                })
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: withBaseName("dropdowns"),
-                children: [
-                    /*#__PURE__*/ jsx(Dropdown, {
-                        bordered: borderedDropdown,
-                        "aria-label": "Month Dropdown",
-                        selected: selectedMonth ? [
-                            selectedMonth
-                        ] : [],
-                        value: formatMonth(selectedMonth),
-                        onSelectionChange: handleMonthSelect,
-                        ...MonthDropdownProps,
-                        children: months.map((month)=>/*#__PURE__*/ jsx(OptionWithTooltip, {
-                                value: month,
-                                disabled: isOutsideAllowedMonths(month),
-                                tooltipContent: "This month is out of range",
-                                children: formatMonth(month)
-                            }, formatMonth(month)))
-                    }),
-                    !hideYearDropdown && /*#__PURE__*/ jsx(Dropdown, {
-                        "aria-label": "Year Dropdown",
-                        selected: selectedYear ? [
-                            selectedYear
-                        ] : [],
-                        value: formatYear(selectedYear),
-                        onSelectionChange: handleYearSelect,
-                        bordered: borderedDropdown,
-                        ...YearDropdownProps,
-                        children: years.map((year)=>/*#__PURE__*/ jsx(OptionWithTooltip, {
-                                value: year,
-                                tooltipContent: "This year is out of range",
-                                children: formatYear(year)
-                            }, formatYear(year)))
-                    })
-                ]
-            }),
-            /*#__PURE__*/ jsx(Tooltip, {
-                placement: "top",
-                disabled: canNavigateNext,
-                content: "Future dates are out of range",
-                enterDelay: 0,
-                leaveDelay: 0,
-                children: /*#__PURE__*/ jsx(Button, {
-                    disabled: !canNavigateNext,
-                    variant: "secondary",
-                    onClick: handleNavigateNext,
-                    focusableWhenDisabled: true,
-                    children: /*#__PURE__*/ jsx(ChevronRightIcon, {
-                        "aria-label": "Next Month"
-                    })
-                })
-            })
-        ]
-    });
-});
-export { CalendarNavigation_CalendarNavigation as CalendarNavigation };

package/src/calendar/internal/CalendarWeekHeader.css.js

@@ -1,23 +0,0 @@
-const css = `
-.saltCalendarWeekHeader {
-  gap: var(--salt-size-border);
-  grid-template-columns: repeat(7, var(--salt-size-base));
-  text-align: center;
-  height: var(--salt-size-base);
-  margin: var(--salt-size-border);
-  align-items: center;
-  display: grid;
-}
-
-.saltCalendarWeekHeader-dayOfWeek {
-  width: var(--salt-size-base);
-  color: var(--salt-content-secondary-foreground);
-  font-family: var(--salt-text-fontFamily);
-  font-weight: var(--salt-text-fontWeight);
-  font-size: var(--salt-text-fontSize);
-  line-height: var(--salt-text-lineHeight);
-}
-
-
-`;
-export default css;

package/src/calendar/internal/CalendarWeekHeader.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { makePrefixer } from "@salt-ds/core";
-import { clsx } from "clsx";
-import { forwardRef } from "react";
-import { daysForLocale } from "./utils.js";
-import { useComponentCssInjection } from "@salt-ds/styles";
-import { useWindow } from "@salt-ds/window";
-import CalendarWeekHeader_0 from "./CalendarWeekHeader.css";
-const withBaseName = makePrefixer("saltCalendarWeekHeader");
-const CalendarWeekHeader_CalendarWeekHeader = /*#__PURE__*/ forwardRef(function({ className, ...rest }, ref) {
-    const weekdaysShort = daysForLocale("narrow");
-    const weekdaysLong = daysForLocale("long");
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-        testId: "salt-calendar",
-        css: CalendarWeekHeader_0,
-        window: targetWindow
-    });
-    return /*#__PURE__*/ jsx("div", {
-        "data-testid": "CalendarWeekHeader",
-        className: clsx(withBaseName(), className),
-        ref: ref,
-        ...rest,
-        children: weekdaysShort.map((day, index)=>/*#__PURE__*/ jsx("small", {
-                "aria-hidden": true,
-                className: withBaseName("dayOfWeek"),
-                children: day
-            }, weekdaysLong[index]))
-    });
-});
-export { CalendarWeekHeader_CalendarWeekHeader as CalendarWeekHeader };