@hivcd-printshop/design-system 1.5.0 → 1.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +9 -1
- package/dist/index.d.ts +9 -1
- package/dist/index.js +40 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +39 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -621,4 +621,12 @@ interface ToastProps {
|
|
|
621
621
|
}
|
|
622
622
|
declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<HTMLDivElement>>;
|
|
623
623
|
|
|
624
|
-
|
|
624
|
+
interface HeaderBarProps {
|
|
625
|
+
className?: string;
|
|
626
|
+
children?: React.ReactNode;
|
|
627
|
+
onClick?: () => void;
|
|
628
|
+
active?: boolean;
|
|
629
|
+
}
|
|
630
|
+
declare const HeaderBar: ({ className, children, onClick, active, ...props }: HeaderBarProps) => react.JSX.Element;
|
|
631
|
+
|
|
632
|
+
export { Accordion, type AccordionProps, BackButton, type BackButtonProps, Badge, type BadgeProps, type BadgeVariant, BasicFormField, type BasicFormFieldProps, CTA, type CTAProps, CategorySegment, type CategorySegmentProps, CategorySegmentedControl, type CategorySegmentedControlProps, Column, ColumnContentContainer, type ColumnContentContainerProps, ColumnDescription, ColumnDescriptionList, type ColumnDescriptionListProps, type ColumnDescriptionProps, ColumnLabel, type ColumnLabelProps, type ColumnProps, ColumnSubTitle, type ColumnSubTitleProps, ColumnText, type ColumnTextProps, ColumnTextStyle, type DayColumn, Dropdown, type DropdownProps, FormCheckBox, type FormCheckBoxProps, FormColor, type FormColorProps, FormFile, type FormFileProps, FormNumber, type FormNumberProps, FormPassword, type FormPasswordProps, FormSelectBox, type FormSelectBoxProps, FormTel, type FormTelProps, FormText, FormTextArea, type FormTextAreaProps, type FormTextProps, HeaderBar, type HeaderBarProps, IconCheck, IconChevronDownXS, IconClose, IconCompass, IconExclamation, IconInfo, IconRadioSelected, IconRadioUnselected, type LinkComponent, List, type ListProps, type LowerPartItem, Modal, type ModalProps, ModalText, type ModalTextProps, ModalTextStyle, MultiColumn, type NavIcon, NoticeBadge, type NoticeBadgeProps, type NoticeBadgeVariable, NoticeBar, type NoticeBarBadgeVariable, type NoticeBarProps, type NoticeBarVariable, type RadioToggle, SearchBar, type SearchBarProps, SelectBoxOption, type SelectBoxOptionProps, SideRadioAccordion, type PrintColor$1 as SideRadioAccordionPrintColor, type SideRadioAccordionProps, TNB, type TNBProps, TabSwitch, type TabSwitchItem, type TabSwitchProps, Tag, type TagProps, TextButton, type TextButtonProps, type TimeSlot, type TimeSlotState, Timetable, type PrintColor as TimetablePrintColor, type TimetableProps, TitleInput, type TitleInputProps, Toast, type ToastProps, type UpperPartItem, type Week, WeekNavigation, type WeekNavigationProps, getInputStyles };
|
package/dist/index.d.ts
CHANGED
|
@@ -621,4 +621,12 @@ interface ToastProps {
|
|
|
621
621
|
}
|
|
622
622
|
declare const Toast: react.ForwardRefExoticComponent<ToastProps & react.RefAttributes<HTMLDivElement>>;
|
|
623
623
|
|
|
624
|
-
|
|
624
|
+
interface HeaderBarProps {
|
|
625
|
+
className?: string;
|
|
626
|
+
children?: React.ReactNode;
|
|
627
|
+
onClick?: () => void;
|
|
628
|
+
active?: boolean;
|
|
629
|
+
}
|
|
630
|
+
declare const HeaderBar: ({ className, children, onClick, active, ...props }: HeaderBarProps) => react.JSX.Element;
|
|
631
|
+
|
|
632
|
+
export { Accordion, type AccordionProps, BackButton, type BackButtonProps, Badge, type BadgeProps, type BadgeVariant, BasicFormField, type BasicFormFieldProps, CTA, type CTAProps, CategorySegment, type CategorySegmentProps, CategorySegmentedControl, type CategorySegmentedControlProps, Column, ColumnContentContainer, type ColumnContentContainerProps, ColumnDescription, ColumnDescriptionList, type ColumnDescriptionListProps, type ColumnDescriptionProps, ColumnLabel, type ColumnLabelProps, type ColumnProps, ColumnSubTitle, type ColumnSubTitleProps, ColumnText, type ColumnTextProps, ColumnTextStyle, type DayColumn, Dropdown, type DropdownProps, FormCheckBox, type FormCheckBoxProps, FormColor, type FormColorProps, FormFile, type FormFileProps, FormNumber, type FormNumberProps, FormPassword, type FormPasswordProps, FormSelectBox, type FormSelectBoxProps, FormTel, type FormTelProps, FormText, FormTextArea, type FormTextAreaProps, type FormTextProps, HeaderBar, type HeaderBarProps, IconCheck, IconChevronDownXS, IconClose, IconCompass, IconExclamation, IconInfo, IconRadioSelected, IconRadioUnselected, type LinkComponent, List, type ListProps, type LowerPartItem, Modal, type ModalProps, ModalText, type ModalTextProps, ModalTextStyle, MultiColumn, type NavIcon, NoticeBadge, type NoticeBadgeProps, type NoticeBadgeVariable, NoticeBar, type NoticeBarBadgeVariable, type NoticeBarProps, type NoticeBarVariable, type RadioToggle, SearchBar, type SearchBarProps, SelectBoxOption, type SelectBoxOptionProps, SideRadioAccordion, type PrintColor$1 as SideRadioAccordionPrintColor, type SideRadioAccordionProps, TNB, type TNBProps, TabSwitch, type TabSwitchItem, type TabSwitchProps, Tag, type TagProps, TextButton, type TextButtonProps, type TimeSlot, type TimeSlotState, Timetable, type PrintColor as TimetablePrintColor, type TimetableProps, TitleInput, type TitleInputProps, Toast, type ToastProps, type UpperPartItem, type Week, WeekNavigation, type WeekNavigationProps, getInputStyles };
|
package/dist/index.js
CHANGED
|
@@ -46,6 +46,7 @@ __export(index_exports, {
|
|
|
46
46
|
FormTel: () => FormTel,
|
|
47
47
|
FormText: () => FormText,
|
|
48
48
|
FormTextArea: () => FormTextArea,
|
|
49
|
+
HeaderBar: () => HeaderBar,
|
|
49
50
|
IconCheck: () => IconCheck,
|
|
50
51
|
IconChevronDownXS: () => IconChevronDownXS,
|
|
51
52
|
IconClose: () => IconClose,
|
|
@@ -2258,6 +2259,44 @@ var Toast = (0, import_react12.forwardRef)(function Toast2({ message, open, dura
|
|
|
2258
2259
|
}
|
|
2259
2260
|
);
|
|
2260
2261
|
});
|
|
2262
|
+
|
|
2263
|
+
// src/components/HeaderBar/HeaderBar.tsx
|
|
2264
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
2265
|
+
var HeaderBar = ({ className, children, onClick, active, ...props }) => {
|
|
2266
|
+
const onClickStyle = onClick ? "cursor-pointer hover:bg-gray00 active:bg-gray01 transition-colors" : "";
|
|
2267
|
+
const a11yProps = onClick ? {
|
|
2268
|
+
role: "button",
|
|
2269
|
+
tabIndex: 0,
|
|
2270
|
+
"aria-expanded": active,
|
|
2271
|
+
onKeyDown: (e) => {
|
|
2272
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
2273
|
+
e.preventDefault();
|
|
2274
|
+
onClick();
|
|
2275
|
+
}
|
|
2276
|
+
}
|
|
2277
|
+
} : {};
|
|
2278
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
2279
|
+
"header",
|
|
2280
|
+
{
|
|
2281
|
+
className: cn(
|
|
2282
|
+
"header",
|
|
2283
|
+
"h-12 w-full pl-5 pr-4 py-2.5",
|
|
2284
|
+
"bg-white box-border border-b border-gray02",
|
|
2285
|
+
"text-head3-medium text-strong",
|
|
2286
|
+
"flex items-center justify-between",
|
|
2287
|
+
onClickStyle,
|
|
2288
|
+
className
|
|
2289
|
+
),
|
|
2290
|
+
onClick,
|
|
2291
|
+
...a11yProps,
|
|
2292
|
+
...props,
|
|
2293
|
+
children: [
|
|
2294
|
+
children,
|
|
2295
|
+
onClick && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(IconChevronDownXS, { className: cn("transition-transform", active && "rotate-180") })
|
|
2296
|
+
]
|
|
2297
|
+
}
|
|
2298
|
+
);
|
|
2299
|
+
};
|
|
2261
2300
|
// Annotate the CommonJS export names for ESM import in node:
|
|
2262
2301
|
0 && (module.exports = {
|
|
2263
2302
|
Accordion,
|
|
@@ -2285,6 +2324,7 @@ var Toast = (0, import_react12.forwardRef)(function Toast2({ message, open, dura
|
|
|
2285
2324
|
FormTel,
|
|
2286
2325
|
FormText,
|
|
2287
2326
|
FormTextArea,
|
|
2327
|
+
HeaderBar,
|
|
2288
2328
|
IconCheck,
|
|
2289
2329
|
IconChevronDownXS,
|
|
2290
2330
|
IconClose,
|