smarthr-ui 43.3.0 → 44.0.0

package/esm/components/BottomFixedArea/BottomFixedArea.d.ts

@@ -1,9 +1,9 @@
-import React, { ComponentProps, FunctionComponentElement, HTMLAttributes, ReactNode, VFC } from 'react';
+import { ComponentProps, ComponentPropsWithRef, ComponentType, FC, FunctionComponentElement, MouseEventHandler, ReactNode } from 'react';
 import { AnchorButton, Button } from '../Button';
-import { TertiaryLink } from './TertiaryLink';
+import { ComponentProps as IconProps } from '../Icon';
 export type Primary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>>;
 export type Secondary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>>;
-type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
+type ElementProps = Omit<ComponentPropsWithRef<'div'>, keyof Props>;
 type Props = {
     /** この領域の説明 */
     description?: ReactNode;
@@ -12,11 +12,14 @@ type Props = {
     /** 表示する `Button` または `AnchorButton` （`variant="secondary"` である必要がある）*/
     secondaryButton?: Secondary;
     /** 表示する tertialy link のプロパティの配列 */
-    tertiaryLinks?: Array<React.ComponentProps<typeof TertiaryLink>>;
+    tertiaryLinks?: Array<ComponentPropsWithRef<'button'> & {
+        text: ReactNode;
+        icon?: ComponentType<IconProps>;
+        type?: 'button' | 'reset';
+        onClick?: MouseEventHandler<HTMLButtonElement>;
+    }>;
     /** コンポーネントに適用する z-index 値 */
     zIndex?: number;
-    /** コンポーネントに適用するクラス名 */
-    className?: string;
 };
-export declare const BottomFixedArea: VFC<Props & ElementProps>;
+export declare const BottomFixedArea: FC<Props & ElementProps>;
 export {};

package/esm/components/BottomFixedArea/BottomFixedArea.js

@@ -1,38 +1,43 @@
-import React, { useEffect, } from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
-import { Base as BaseComponent } from '../Base';
+import React, { useEffect, useMemo, } from 'react';
+import { tv } from 'tailwind-variants';
+import { Base } from '../Base';
+import { Button } from '../Button';
 import { Cluster, Stack } from '../Layout';
-import { Text } from '../Text';
-import { TertiaryLink } from './TertiaryLink';
 import { validateElement } from './bottomFixedAreaHelper';
-import { useClassNames } from './useClassNames';
-export const BottomFixedArea = ({ description, primaryButton, secondaryButton, tertiaryLinks, zIndex = 500, className = '', ...props }) => {
-    const theme = useTheme();
-    const classNames = useClassNames();
+const bottomFixedArea = tv({
+    slots: {
+        wrapper: [
+            'smarthr-ui-BottomFixedArea',
+            'shr-fixed shr-bottom-0 shr-z-fixed-menu shr-box-border shr-w-full shr-rounded-none shr-p-1.5 shr-text-center',
+            // Layer 3 だが、上方向への指定のためベタ書き： https://smarthr.design/products/design-tokens/shadow/
+            '[box-shadow:_0_-4px_8px_2px_rgba(0,_0,_0,_0.24)]',
+            '[&_ul]:shr-list-none',
+        ],
+        tertiaryButton: [
+            'smarthr-ui-BottomFixedArea-tertiaryLink',
+            '-shr-mb-0.5 shr-font-normal shr-text-main',
+        ],
+    },
+});
+export const BottomFixedArea = ({ description, primaryButton, secondaryButton, tertiaryLinks, zIndex, className, ...props }) => {
+    const { wrapperStyleProps, tertiaryButtonStyle } = useMemo(() => {
+        const { wrapper, tertiaryButton } = bottomFixedArea();
+        return {
+            wrapperStyleProps: { className: wrapper({ className }), style: { zIndex } },
+            tertiaryButtonStyle: tertiaryButton(),
+        };
+    }, [className, zIndex]);
     useEffect(() => {
         validateElement(primaryButton, secondaryButton);
     }, [primaryButton, secondaryButton]);
-    return (React.createElement(Base, { ...props, "$themes": theme, "$zIndex": zIndex, className: `${className} ${classNames.wrapper}` },
+    return (React.createElement(Base, { ...props, ...wrapperStyleProps },
         React.createElement(Stack, null,
-            description && (React.createElement(Text, { as: "p", className: classNames.description }, description)),
-            (secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
-                secondaryButton && React.createElement("li", { className: classNames.secondaryButton }, secondaryButton),
-                primaryButton && React.createElement("li", { className: classNames.primaryButton }, primaryButton))),
-            tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (React.createElement("li", { key: index, className: classNames.tertiaryListItem },
-                React.createElement(TertiaryLink, { ...tertiaryLink })))))))));
+            description && React.createElement("p", { className: "smarthr-ui-BottomFixedArea-description" }, description),
+            React.createElement(Stack, { gap: 0.25 },
+                (secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
+                    secondaryButton && (React.createElement("li", { className: "smarthr-ui-BottomFixedArea-secondaryButton" }, secondaryButton)),
+                    primaryButton && (React.createElement("li", { className: "smarthr-ui-BottomFixedArea-primaryButton" }, primaryButton)))),
+                tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 0 } }, tertiaryLinks.map(({ text, icon: Icon, onClick, ...tertiaryProps }, index) => (React.createElement("li", { key: index, className: "smarthr-ui-BottomFixedArea-tertiaryListItem" },
+                    React.createElement(Button, { ...tertiaryProps, variant: "text", prefix: Icon && React.createElement(Icon, null), onClick: onClick, className: tertiaryButtonStyle }, text))))))))));
 };
-const Base = styled(BaseComponent) `
-  ${({ $themes: { spacingByChar }, $zIndex }) => css `
-    position: fixed;
-    bottom: 0;
-    width: 100%;
-    padding: ${spacingByChar(1.5)};
-    text-align: center;
-    z-index: ${$zIndex};
-    box-shadow: 0 -4px 8px 2px rgba(0, 0, 0, 0.24);
-    border-radius: 0;
-    box-sizing: border-box;
-  `}
-`;
 //# sourceMappingURL=BottomFixedArea.js.map

package/esm/components/BottomFixedArea/BottomFixedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,aACA,KAAK,aACL,MAAM,EACf,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAqC;IACnE,CAAC,EAAE,OAAO,EAAE,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAIrC,aAAa,CAAC,GAAG,CAAC;;eAElB,OAAO;;;;GAInB;CACF,CAAA"}
+{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"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"}

package/esm/components/Button/UnstyledButton.js

@@ -2,24 +2,7 @@ import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const unstyledButton = tv({
     base: [
-        'shr-appearance-none',
-        'shr-inline',
-        'shr-items-stretch',
-        'shr-overflow-visible',
-        'shr-cursor-auto',
-        'shr-p-0',
-        'shr-border-none',
-        'shr-border-current',
-        'shr-box-content',
-        'shr-bg-transparent',
-        'shr-bg-none',
-        'shr-bg-origin-padding',
-        'shr-text-inherit',
-        'shr-font-inherit',
-        'shr-text-inherit',
-        'shr-text-left',
-        'shr-select-auto',
-        'focus-visible:shr-focus-indicator',
+        'shr-box-content shr-inline shr-cursor-auto shr-select-auto shr-appearance-none shr-items-stretch shr-overflow-visible shr-border-none shr-border-current shr-bg-transparent shr-bg-none shr-bg-origin-padding shr-p-0 shr-text-left shr-font-inherit shr-text-inherit focus-visible:shr-focus-indicator',
     ],
 });
 export const UnstyledButton = forwardRef(({ className, type = 'button', ...props }, ref) => {

package/esm/components/Button/UnstyledButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnstyledButton.js","sourceRoot":"","sources":["../../../src/components/Button/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE;QACJ,qBAAqB;QACrB,YAAY;QACZ,mBAAmB;QACnB,sBAAsB;QACtB,iBAAiB;QACjB,SAAS;QACT,iBAAiB;QACjB,oBAAoB;QACpB,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,uBAAuB;QACvB,kBAAkB;QAClB,kBAAkB;QAClB,kBAAkB;QAClB,eAAe;QACf,iBAAiB;QACjB,mCAAmC;KACpC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACxE,OAAO,mCAAY,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACvE,CAAC,CAAC,CAAA"}
+{"version":3,"file":"UnstyledButton.js","sourceRoot":"","sources":["../../../src/components/Button/UnstyledButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACrF,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,MAAM,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,EAAE;QACJ,ySAAyS;KAC1S;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAGtC,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IACxE,OAAO,mCAAY,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACvE,CAAC,CAAC,CAAA"}

package/esm/components/Calendar/CalendarTable.js

@@ -5,7 +5,8 @@ import { UnstyledButton } from '../Button';
 import { daysInWeek, getMonthArray, isBetween } from './calendarHelper';
 const calendarTable = tv({
     slots: {
-        table: 'smarthr-ui-CalendarTable shr-border-spacing-0 shr-px-0.75 shr-pb-1 shr-pt-0.25 shr-text-base shr-text-black',
+        wrapper: 'shr-px-0.75 shr-pb-1 shr-pt-0.25',
+        table: 'smarthr-ui-CalendarTable shr-border-spacing-0 shr-text-base shr-text-black',
         th: 'smarthr-ui-CalendarTable-headCell shr-px-0 shr-py-0.5 shr-text-center shr-align-middle shr-font-normal shr-text-grey',
         td: 'smarthr-ui-CalendarTable-dataCell shr-p-0 shr-align-middle',
         cellButton: 'shr-group shr-flex shr-items-center shr-justify-center shr-px-0.5 shr-py-0.25 disabled:shr-cursor-not-allowed disabled:shr-text-disabled [&&&]:shr-cursor-pointer',
@@ -25,31 +26,33 @@ const calendarTable = tv({
     },
 });
 export const CalendarTable = ({ current, from, to, onSelectDate, selected, className, ...props }) => {
-    const { table, th, td, cellButton, dateCell } = calendarTable();
-    const { tableStyle, thStyle, tdStyle, cellButtonStyle } = useMemo(() => ({
-        tableStyle: table({ className }),
+    const { wrapper, table, th, td, cellButton, dateCell } = calendarTable();
+    const { wrapperStyle, tableStyle, thStyle, tdStyle, cellButtonStyle } = useMemo(() => ({
+        wrapperStyle: wrapper({ className }),
+        tableStyle: table(),
         thStyle: th(),
         tdStyle: td(),
         cellButtonStyle: cellButton(),
-    }), [cellButton, className, table, td, th]);
+    }), [cellButton, className, table, td, th, wrapper]);
     const currentDay = dayjs(current);
     const selectedDay = selected ? dayjs(selected) : null;
     const now = dayjs().startOf('date');
     const fromDay = dayjs(from);
     const toDay = dayjs(to);
     const array = getMonthArray(currentDay.toDate());
-    return (React.createElement("table", { ...props, className: tableStyle },
-        React.createElement("thead", null,
-            React.createElement("tr", null, daysInWeek.map((day, i) => (React.createElement("th", { key: i, className: thStyle }, day))))),
-        React.createElement("tbody", null, array.map((week, weekIndex) => (React.createElement("tr", { key: weekIndex }, week.map((date, dateIndex) => {
-            const isOutRange = !date ||
-                !isBetween(currentDay.date(date).toDate(), fromDay.toDate(), toDay.toDate());
-            const isSelectedDate = !!date && !!selectedDay && currentDay.date(date).isSame(selectedDay, 'date');
-            return (React.createElement("td", { key: dateIndex, className: tdStyle }, date && (React.createElement(UnstyledButton, { disabled: isOutRange, onClick: (e) => !isOutRange && onSelectDate(e, currentDay.date(date).toDate()), "aria-pressed": isSelectedDate, type: "button", className: cellButtonStyle },
-                React.createElement("span", { className: dateCell({
-                        isToday: currentDay.date(date).isSame(now, 'date'),
-                        isSelected: isSelectedDate,
-                    }) }, date)))));
-        })))))));
+    return (React.createElement("div", { className: wrapperStyle },
+        React.createElement("table", { ...props, className: tableStyle },
+            React.createElement("thead", null,
+                React.createElement("tr", null, daysInWeek.map((day, i) => (React.createElement("th", { key: i, className: thStyle }, day))))),
+            React.createElement("tbody", null, array.map((week, weekIndex) => (React.createElement("tr", { key: weekIndex }, week.map((date, dateIndex) => {
+                const isOutRange = !date ||
+                    !isBetween(currentDay.date(date).toDate(), fromDay.toDate(), toDay.toDate());
+                const isSelectedDate = !!date && !!selectedDay && currentDay.date(date).isSame(selectedDay, 'date');
+                return (React.createElement("td", { key: dateIndex, className: tdStyle }, date && (React.createElement(UnstyledButton, { disabled: isOutRange, onClick: (e) => !isOutRange && onSelectDate(e, currentDay.date(date).toDate()), "aria-pressed": isSelectedDate, type: "button", className: cellButtonStyle },
+                    React.createElement("span", { className: dateCell({
+                            isToday: currentDay.date(date).isSame(now, 'date'),
+                            isSelected: isSelectedDate,
+                        }) }, date)))));
+            }))))))));
 };
 //# sourceMappingURL=CalendarTable.js.map

package/esm/components/Calendar/CalendarTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarTable.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CalendarTable.js","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarTable.tsx"],"names":[],"mappings":"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"}

package/esm/components/CompactInformationPanel/CompactInformationPanel.d.ts

@@ -1,13 +1,8 @@
-import { FC, ReactNode } from 'react';
+import { FC, PropsWithChildren } from 'react';
 import { BaseElementProps } from '../Base';
-type IconType = 'info' | 'success' | 'warning' | 'error';
-type Props = {
+type Props = PropsWithChildren<{
     /** 表示する情報の種類 */
-    type?: IconType;
-    /** コンポーネントに適用するクラス名 */
-    className?: string;
-    /** 表示する情報の内容 */
-    children: ReactNode;
-};
+    type?: 'info' | 'success' | 'warning' | 'error';
+}>;
 export declare const CompactInformationPanel: FC<Props & BaseElementProps>;
 export {};

package/esm/components/CompactInformationPanel/CompactInformationPanel.js

@@ -1,20 +1,13 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
+import React, { useMemo } from 'react';
+import { tv } from 'tailwind-variants';
 import { Base } from '../Base';
 import { ResponseMessage } from '../ResponseMessage';
-import { useClassNames } from './useClassNames';
-export const CompactInformationPanel = ({ type = 'info', className = '', children, ...props }) => {
-    const theme = useTheme();
-    const classNames = useClassNames();
-    return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, "$themes": theme },
+const compactInformationPanel = tv({
+    base: ['smarthr-ui-CompactInformationPanel', 'shr-flex shr-p-1 shr-shadow-layer-3'],
+});
+export const CompactInformationPanel = ({ type = 'info', className, children, ...props }) => {
+    const styles = useMemo(() => compactInformationPanel({ className }), [className]);
+    return (React.createElement(Base, { ...props, className: styles },
         React.createElement(ResponseMessage, { type: type, iconGap: 0.5 }, children)));
 };
-const Wrapper = styled(Base) `
-  ${({ $themes: { spacingByChar, shadow } }) => css `
-    display: flex;
-    box-shadow: ${shadow.LAYER3};
-    padding: ${spacingByChar(1)};
-  `}
-`;
 //# sourceMappingURL=CompactInformationPanel.js.map

package/esm/components/CompactInformationPanel/CompactInformationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompactInformationPanel.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/CompactInformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAa/C,MAAM,CAAC,MAAM,uBAAuB,GAAiC,CAAC,EACpE,IAAI,GAAG,MAAM,EACb,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,aAAW,KAAK;QACjF,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IACtC,QAAQ,CACO,CACV,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAoB;IAC5C,CAAC,EAAE,OAAO,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;kBAEjC,MAAM,CAAC,MAAM;eAChB,aAAa,CAAC,CAAC,CAAC;GAC5B;CACF,CAAA"}
+{"version":3,"file":"CompactInformationPanel.js","sourceRoot":"","sources":["../../../src/components/CompactInformationPanel/CompactInformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAOpD,MAAM,uBAAuB,GAAG,EAAE,CAAC;IACjC,IAAI,EAAE,CAAC,oCAAoC,EAAE,qCAAqC,CAAC;CACpF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAiC,CAAC,EACpE,IAAI,GAAG,MAAM,EACb,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEjF,OAAO,CACL,oBAAC,IAAI,OAAK,KAAK,EAAE,SAAS,EAAE,MAAM;QAChC,oBAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IACtC,QAAQ,CACO,CACb,CACR,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Dialog/ActionDialog/ActionDialog.d.ts

@@ -1,7 +1,7 @@
-import React, { HTMLAttributes } from 'react';
+import React, { ComponentProps } from 'react';
 import { DialogProps } from '../types';
 import { ActionDialogContentInnerProps } from './ActionDialogContentInner';
 type Props = Omit<ActionDialogContentInnerProps, 'titleId'> & DialogProps;
-type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
+type ElementProps = Omit<ComponentProps<'div'>, keyof Props>;
 export declare const ActionDialog: React.FC<Props & ElementProps>;
 export {};

package/esm/components/Dialog/ActionDialog/ActionDialog.js

@@ -3,7 +3,7 @@ import { useId } from '../../../hooks/useId';
 import { DialogContentInner } from '../DialogContentInner';
 import { useDialogPortal } from '../useDialogPortal';
 import { ActionDialogContentInner } from './ActionDialogContentInner';
-export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className = '', portalParent, decorators, id, ...props }) => {
+export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, className, portalParent, decorators, id, ...props }) => {
     const { createPortal } = useDialogPortal(portalParent, id);
     const titleId = useId();
     const handleClickClose = useCallback(() => {

package/esm/components/Dialog/ActionDialog/ActionDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAC3D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAmC,CAAC,EAC3D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,aAAa,EACb,SAAS,EACT,YAAY,EACZ,UAAU,EACV,EAAE,EACF,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,CAAA;IAC1D,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.d.ts

@@ -37,10 +37,6 @@ export type BaseProps = PropsWithChildren<{
     closeDisabled?: boolean;
     /** ダイアログフッターの左端操作領域 */
     subActionArea?: ReactNode;
-    /**
-     * コンポーネントに適用するクラス名
-     */
-    className?: string;
     /** コンポーネント内の文言を変更するための関数を設定 */
     decorators?: DecoratorsType<'closeButtonLabel'>;
 }>;

package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js

@@ -1,6 +1,5 @@
-import React, { useCallback } from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../../hooks/useTheme';
+import React, { useCallback, useMemo } from 'react';
+import { tv } from 'tailwind-variants';
 import { Button } from '../../Button';
 import { Heading } from '../../Heading';
 import { Cluster, Stack } from '../../Layout';
@@ -8,57 +7,50 @@ import { ResponseMessage } from '../../ResponseMessage';
 import { Section } from '../../SectioningContent';
 import { Text } from '../../Text';
 import { useOffsetHeight } from '../dialogHelper';
-import { useClassNames } from '../useClassNames';
 const CLOSE_BUTTON_LABEL = 'キャンセル';
+const actionDialogContentInner = tv({
+    slots: {
+        headingArea: ['smarthr-ui-Dialog-titleArea', 'shr-border-b-shorthand shr-px-1.5 shr-py-1'],
+        body: ['smarthr-ui-Dialog-body', 'shr-overflow-auto'],
+        actionArea: ['smarthr-ui-Dialog-actionArea', 'shr-border-t-shorthand shr-px-1.5 shr-py-1'],
+        buttonArea: ['smarthr-ui-Dialog-buttonArea', 'shr-ms-auto'],
+        message: 'shr-text-right',
+    },
+});
 export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, subActionArea, decorators, }) => {
-    const classNames = useClassNames().dialog;
-    const theme = useTheme();
     const handleClickAction = useCallback(() => {
         onClickAction(onClickClose);
     }, [onClickAction, onClickClose]);
     const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
     const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
+    const { headingStyle, bodyStyleProps, actionAreaStyle, buttonAreaStyle, messageStyle } = useMemo(() => {
+        const { headingArea, body, actionArea, buttonArea, message } = actionDialogContentInner();
+        return {
+            headingStyle: headingArea(),
+            bodyStyleProps: {
+                className: body(),
+                style: {
+                    maxHeight: `calc(100vh - ${offsetHeight}px)`,
+                },
+            },
+            actionAreaStyle: actionArea(),
+            buttonAreaStyle: buttonArea(),
+            messageStyle: message(),
+        };
+    }, [offsetHeight]);
     return (React.createElement(Section, null,
         React.createElement(Heading, { tag: titleTag },
-            React.createElement(TitleAreaStack, { "$themes": theme, ref: titleRef, className: classNames.titleArea },
-                subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
-                React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
-        React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
-        React.createElement(ActionAreaStack, { "$themes": theme, ref: bottomRef, className: classNames.actionArea },
-            React.createElement(Cluster, { justify: "space-between" },
+            React.createElement(Stack, { gap: 0.25, as: "span", ref: titleRef, className: headingStyle },
+                subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: "smarthr-ui-Dialog-subtitle" }, subtitle)),
+                React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: "smarthr-ui-Dialog-title" }, title))),
+        React.createElement("div", { ...bodyStyleProps }, children),
+        React.createElement(Stack, { gap: 0.5, ref: bottomRef, className: actionAreaStyle },
+            React.createElement(Cluster, { justify: "space-between", className: buttonAreaStyle },
                 subActionArea,
-                React.createElement(ButtonArea, { className: classNames.buttonArea },
-                    React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
-                    React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText))),
-            (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
+                React.createElement(Cluster, { gap: { row: 0.5, column: 1 }, justify: "flex-end", className: "smarthr-ui-Dialog-buttonArea" },
+                    React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: "smarthr-ui-Dialog-closeButton" }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
+                    React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: "smarthr-ui-Dialog-actionButton" }, actionText))),
+            (responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement("div", { className: messageStyle },
                 React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text))))));
 };
-const TitleAreaStack = styled(Stack).attrs(() => ({
-    gap: 0.25,
-    forwardedAs: 'span',
-})) `
-  ${({ $themes: { border, space } }) => css `
-    margin-block: unset;
-    border-bottom: ${border.shorthand};
-    padding: ${space(1)} ${space(1.5)};
-  `}
-`;
-const Body = styled.div `
-  ${({ offsetHeight }) => css `
-    max-height: calc(100vh - ${offsetHeight}px);
-    overflow: auto;
-  `}
-`;
-const ActionAreaStack = styled(Stack).attrs({ gap: 0.5 }) `
-  ${({ $themes: { space, border } }) => css `
-    border-top: ${border.shorthand};
-    padding: ${space(1)} ${space(1.5)};
-  `}
-`;
-const ButtonArea = styled(Cluster).attrs({ gap: { row: 0.5, column: 1 }, justify: 'flex-end' }) `
-  margin-inline-start: auto;
-`;
-const Message = styled.div `
-  text-align: right;
-`;
 //# sourceMappingURL=ActionDialogContentInner.js.map

package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}

package/esm/components/ErrorScreen/ErrorScreen.js

@@ -15,7 +15,7 @@ export const ErrorScreen = ({ logo = React.createElement(SmartHRLogo, { fill: "b
             React.createElement(Stack, { align: "center" },
                 title && React.createElement(PageHeading, { className: "smarthr-ui-ErrorScreen-title" }, title),
                 children && React.createElement("div", { className: "smarthr-ui-ErrorScreen-content" }, children),
-                links?.length && (React.createElement(Stack, { as: "ul", gap: 0.5, align: "center", className: "smarthr-ui-ErrorScreen-linkList" }, links.map((link, index) => (React.createElement("li", { key: index },
+                links?.length && (React.createElement(Stack, { as: "ul", gap: 0.5, align: "center", className: "smarthr-ui-ErrorScreen-linkList shr-list-none" }, links.map((link, index) => (React.createElement("li", { key: index },
                     React.createElement(TextLink, { ...(link.target ? { target: link.target } : {}), href: link.url, className: "smarthr-ui-ErrorScreen-link" }, link.label)))))))),
         footer && React.createElement("div", { className: "shr-self-stretch" }, footer)));
 };

package/esm/components/ErrorScreen/ErrorScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA4BtC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,6BAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,oBAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,iCAAiC,IAChF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oBACZ,oBAAC,QAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ErrorScreen.js","sourceRoot":"","sources":["../../../src/components/ErrorScreen/ErrorScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AA4BtC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE,0CAA0C;CACjD,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,WAAW,GAA6B,CAAC,EACpD,IAAI,GAAG,oBAAC,WAAW,IAAC,IAAI,EAAC,OAAO,GAAG,EACnC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAErE,OAAO,CACL,oBAAC,MAAM,OAAK,KAAK,EAAE,SAAS,EAAC,OAAO,EAAC,iBAAiB,QAAC,SAAS,EAAE,MAAM;QACtE,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAC,QAAQ,EAAC,SAAS,EAAC,mBAAmB;YAC3D,6BAAK,SAAS,EAAC,6BAA6B,IAAE,IAAI,CAAO;YAEzD,oBAAC,KAAK,IAAC,KAAK,EAAC,QAAQ;gBAClB,KAAK,IAAI,oBAAC,WAAW,IAAC,SAAS,EAAC,8BAA8B,IAAE,KAAK,CAAe;gBAEpF,QAAQ,IAAI,6BAAK,SAAS,EAAC,gCAAgC,IAAE,QAAQ,CAAO;gBAE5E,KAAK,EAAE,MAAM,IAAI,CAChB,oBAAC,KAAK,IACJ,EAAE,EAAC,IAAI,EACP,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,+CAA+C,IAExD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oBACZ,oBAAC,QAAQ,OACH,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAChD,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,SAAS,EAAC,6BAA6B,IAEtC,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACI,CACT,CACK,CACF;QAEP,MAAM,IAAI,6BAAK,SAAS,EAAC,kBAAkB,IAAE,MAAM,CAAO,CACpD,CACV,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Experimental/SideMenu/SideMenu.js

@@ -11,5 +11,7 @@ export const SideMenu = ({ children, className, ...props }) => {
 };
 SideMenu.Group = SideMenuGroup;
 SideMenu.Item = SideMenuItem;
-const StyledStack = styled(Stack).attrs({ forwardedAs: 'ul', inline: true, gap: 0.75 }) ``;
+const StyledStack = styled(Stack).attrs({ forwardedAs: 'ul', inline: true, gap: 0.75 }) `
+  list-style: none;
+`;
 //# sourceMappingURL=SideMenu.js.map

package/esm/components/Experimental/SideMenu/SideMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAW/C,iFAAiF;AACjF,MAAM,CAAC,MAAM,QAAQ,GAA6C,CAAC,EACjE,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,WAAW,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,IAC1E,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AACD,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAA;AAC9B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAA;AAE5B,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAA,EAAE,CAAA"}
+{"version":3,"file":"SideMenu.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAW/C,iFAAiF;AACjF,MAAM,CAAC,MAAM,QAAQ,GAA6C,CAAC,EACjE,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,WAAW,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,IAAI,UAAU,CAAC,OAAO,EAAE,IAC1E,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AACD,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAA;AAC9B,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAA;AAE5B,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAA;;CAEtF,CAAA"}

package/esm/components/Experimental/SideMenu/SideMenuGroup.js

@@ -19,6 +19,13 @@ const GroupStack = styled(Stack).attrs({ forwardedAs: 'li', gap: 0.5 }) `
     }
   `}
 `;
-const GroupNameText = styled(Text).attrs({ color: 'TEXT_GREY', leading: 'TIGHT', size: 'S' }) ``;
-const SideMenuListStack = styled(Stack).attrs({ forwardedAs: 'ul', gap: 0 }) ``;
+const GroupNameText = styled(Text).attrs({
+    color: 'TEXT_GREY',
+    leading: 'TIGHT',
+    size: 'S',
+    weight: 'normal',
+}) ``;
+const SideMenuListStack = styled(Stack).attrs({ forwardedAs: 'ul', gap: 0 }) `
+  list-style: none;
+`;
 //# sourceMappingURL=SideMenuGroup.js.map

package/esm/components/Experimental/SideMenu/SideMenuGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideMenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,UAAU,OAAK,KAAK,aAAW,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,IAAI,UAAU,CAAC,KAAK,EAAE;QACxF,oBAAC,aAAa,IAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAC/C,IAAI,CACS;QAChB,oBAAC,iBAAiB,QAAE,QAAQ,CAAqB,CACtC,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAoB;IACvF,CAAC,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;oBAEvB,MAAM,CAAC,SAAS;6BACP,KAAK,CAAC,IAAI,CAAC;;GAErC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,CAAA,EAAE,CAAA;AAC/F,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAA,EAAE,CAAA"}
+{"version":3,"file":"SideMenuGroup.js","sourceRoot":"","sources":["../../../../src/components/Experimental/SideMenu/SideMenuGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,CAAC,MAAM,aAAa,GAAmC,CAAC,EAC5D,IAAI,EACJ,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,UAAU,OAAK,KAAK,aAAW,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,IAAI,UAAU,CAAC,KAAK,EAAE;QACxF,oBAAC,aAAa,IAAC,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,IAC/C,IAAI,CACS;QAChB,oBAAC,iBAAiB,QAAE,QAAQ,CAAqB,CACtC,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAoB;IACvF,CAAC,EAAE,OAAO,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;oBAEvB,MAAM,CAAC,SAAS;6BACP,KAAK,CAAC,IAAI,CAAC;;GAErC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IACvC,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,GAAG;IACT,MAAM,EAAE,QAAQ;CACjB,CAAC,CAAA,EAAE,CAAA;AACJ,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAA;;CAE3E,CAAA"}

package/esm/components/Header/AppLauncher/AppLauncher.d.ts

@@ -3,11 +3,12 @@ import type { DecoratorsType } from '../../../types';
 type Category = {
     type?: string;
     heading: ReactNode;
-    items: Array<{
-        label: ReactNode;
-        url: string;
-        target?: string;
-    }>;
+    items: AppItem[];
+};
+type AppItem = {
+    label: ReactNode;
+    url: string;
+    target?: string;
 };
 type Props = {
     apps: Category[];