@kystverket/styrbord 1.13.3 → 1.14.2

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.
@@ -1,2 +1,2 @@
1
- export declare const iconIdList: readonly ["add_box", "add_location_alt", "add_location", "add", "adjust", "alternate_email", "anchor", "apps", "archive", "arrow_back", "arrow_downward", "arrow_forward", "arrow_right_alt", "arrow_upward", "article", "assignment", "attach_file", "cached", "calendar_month", "change_history", "chat_add_on", "chat_bubble", "chat", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "code_blocks", "comment", "compare_arrows", "compare", "content_copy", "conversation", "data_table", "delete", "description", "difference", "directions_boat", "directory_sync", "distance", "domain", "download", "drafts", "edit_document", "edit_location_alt", "edit_location", "edit_square", "edit", "error", "event", "explore_nearby", "explore", "export_notes", "favorite", "file_map", "file_save", "folder_open", "format_align_center", "format_align_justify", "format_align_left", "format_align_right", "format_bold", "format_italic", "format_list_bulleted", "format_list_numbered", "forum", "forward_to_inbox", "forward", "globe_uk", "groups", "image", "inbox", "info_i", "info", "keep_off", "keep", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "left_panel_close", "left_panel_open", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail_shield", "mail", "manage_search", "map_pin_heart", "map", "mark_as_unread", "mark_chat_read", "mark_chat_unread", "mark_email_read", "mark_email_unread", "match_case", "menu", "mode_cool", "more_vert", "move_to_inbox", "move", "note_stack_add", "note_stack", "notification_add", "numbers", "open_in_new", "pan_zoom", "pending_actions", "person_add", "person_pin_circle", "person_pin", "person", "photo_camera", "picture_as_pdf", "pin_drop", "question_exchange", "radio_button_checked", "radio_button_unchecked", "redo", "reply_all", "reply", "right_panel_close", "right_panel_open", "sailing", "save", "send_and_archive", "send", "settings_input_antenna", "settings", "severe_cold", "sort", "source_environment", "stacked_email", "stylus", "sync", "text_compare", "text_snippet", "timeline", "undo", "upload", "video_library", "videocam", "view_list", "visibility", "warning", "zoom_in_map", "zoom_out_map"];
1
+ export declare const iconIdList: readonly ["add_box", "add_location_alt", "add_location", "add_notes", "add", "adjust", "air", "alternate_email", "anchor", "apps", "archive", "arrow_back", "arrow_downward", "arrow_forward", "arrow_right_alt", "arrow_upward", "article", "assignment", "attach_email", "attach_file", "autorenew", "backspace", "backup", "book_4", "bottom_panel_close", "bottom_panel_open", "cached", "calendar_month", "change_history", "chat_add_on", "chat_bubble", "chat", "check_circle", "check", "chevron_left", "chevron_right", "circle", "close", "cloud_alert", "cloud_done", "code_blocks", "comment", "compare_arrows", "compare", "content_copy", "conversation", "copy_all", "cycle", "dark_mode", "data_table", "delete_history", "delete", "description", "difference", "directions_boat", "directory_sync", "distance", "document_search", "domain", "download", "drafts", "edit_document", "edit_location_alt", "edit_location", "edit_square", "edit", "error", "event", "explore_nearby", "explore", "export_notes", "favorite", "file_map_stack", "file_map", "file_save", "folder_check_2", "folder_match", "folder_off", "folder_open", "folder_supervised", "folder", "format_align_center", "format_align_justify", "format_align_left", "format_align_right", "format_bold", "format_italic", "format_list_bulleted", "format_list_numbered", "forum", "forward_to_inbox", "forward", "globe_uk", "groups", "history_off", "history_toggle_off", "history", "image", "inbox", "info_i", "info", "keep_off", "keep", "keyboard_arrow_down", "keyboard_arrow_up", "language", "layers", "left_panel_close", "left_panel_open", "light_mode", "lightbulb", "link", "location_chip", "lock", "login", "logout", "mail_shield", "mail", "manage_history", "manage_search", "map_pin_heart", "map", "mark_as_unread", "mark_chat_read", "mark_chat_unread", "mark_email_read", "mark_email_unread", "match_case", "menu_open", "menu", "mode_cool", "more_vert", "move_to_inbox", "move", "note_stack_add", "note_stack", "notification_add", "numbers", "open_in_new", "pan_zoom", "pending_actions", "person_add", "person_pin_circle", "person_pin", "person", "photo_camera", "picture_as_pdf", "pin_drop", "pin_history", "question_exchange", "radio_button_checked", "radio_button_unchecked", "redo", "reply_all", "reply", "right_panel_close", "right_panel_open", "sailing", "save", "send_and_archive", "send", "settings_input_antenna", "settings", "severe_cold", "sort", "source_environment", "splitscreen_landscape", "stacked_email", "stylus", "sync", "text_compare", "text_snippet", "timeline", "top_panel_close", "top_panel_open", "undo", "unknown_document", "upload", "video_library", "videocam", "view_list", "visibility", "vital_signs", "warning", "water", "zoom_in_map", "zoom_out_map"];
2
2
  export type IconId = (typeof iconIdList)[number];
@@ -1,10 +1,12 @@
1
- import { ReactNode } from 'react';
1
+ import { CSSProperties, ReactNode } from 'react';
2
2
  import { type DialogSize } from '~/main';
3
3
  import { SlotDialogButtons } from '~/components/kystverket/SlotDialog/Buttons/SlotDialogButtons';
4
4
  export interface SlotDialogProps {
5
5
  open?: boolean;
6
6
  onClose?: () => void;
7
7
  ref?: React.Ref<HTMLDialogElement>;
8
+ className?: string;
9
+ style?: CSSProperties;
8
10
  /**Should be enabled with long content */
9
11
  longContent?: boolean;
10
12
  size?: DialogSize;
@@ -12,7 +14,7 @@ export interface SlotDialogProps {
12
14
  subtitle?: string;
13
15
  children: ReactNode;
14
16
  }
15
- declare function SlotDialogRoot({ title, subtitle, open, onClose, ref, children, longContent, size, }: Readonly<SlotDialogProps>): React.JSX.Element;
17
+ declare function SlotDialogRoot({ title, subtitle, open, onClose, ref, children, longContent, size, style, className, }: Readonly<SlotDialogProps>): React.JSX.Element;
16
18
  type SlotDialogComponent = typeof SlotDialogRoot & {
17
19
  Buttons: typeof SlotDialogButtons;
18
20
  };
@@ -2,7 +2,7 @@ import type { StoryFn } from '@storybook/react-vite';
2
2
  import { SlotDialog } from '~/main';
3
3
  declare const _default: {
4
4
  title: string;
5
- component: (({ title, subtitle, open, onClose, ref, children, longContent, size, }: Readonly<import("~/main").SlotDialogProps>) => React.JSX.Element) & {
5
+ component: (({ title, subtitle, open, onClose, ref, children, longContent, size, style, className, }: Readonly<import("~/main").SlotDialogProps>) => React.JSX.Element) & {
6
6
  Buttons: typeof import("./Buttons/SlotDialogButtons").SlotDialogButtons;
7
7
  };
8
8
  tags: string[];
package/dist/style.js CHANGED
@@ -3850,9 +3850,11 @@ function wA({
3850
3850
  ref: E,
3851
3851
  children: c,
3852
3852
  longContent: r,
3853
- size: l
3853
+ size: l,
3854
+ style: M,
3855
+ className: i = ""
3854
3856
  }) {
3855
- const M = `${P2.dialogBlockBase} ${r ? P2.longContent : ""}`;
3857
+ const f = `${P2.dialogBlockBase} ${r ? P2.longContent : ""}`;
3856
3858
  return /* @__PURE__ */ e.jsx(LA, { children: /* @__PURE__ */ e.jsxs(
3857
3859
  b2,
3858
3860
  {
@@ -3860,15 +3862,16 @@ function wA({
3860
3862
  onClose: n,
3861
3863
  ref: E,
3862
3864
  size: l,
3863
- className: P2.slotDialogOverrides,
3865
+ style: M,
3866
+ className: `${P2.slotDialogOverrides} ${i}`,
3864
3867
  closedby: "any",
3865
3868
  children: [
3866
- /* @__PURE__ */ e.jsxs(p, { gap: 4, className: `${P2.headerBlock} ${M}`, children: [
3869
+ /* @__PURE__ */ e.jsxs(p, { gap: 4, className: `${P2.headerBlock} ${f}`, children: [
3867
3870
  !!t && /* @__PURE__ */ e.jsx(L, { children: t }),
3868
3871
  /* @__PURE__ */ e.jsx(l2, { children: A })
3869
3872
  ] }),
3870
- /* @__PURE__ */ e.jsx(p, { className: `${P2.contentBlock} ${M}`, children: /* @__PURE__ */ e.jsx(p, { children: c }) }),
3871
- /* @__PURE__ */ e.jsx(DA, { className: `${P2.buttonBlock} ${M}` })
3873
+ /* @__PURE__ */ e.jsx(p, { className: `${P2.contentBlock} ${f}`, children: /* @__PURE__ */ e.jsx(p, { children: c }) }),
3874
+ /* @__PURE__ */ e.jsx(DA, { className: `${P2.buttonBlock} ${f}` })
3872
3875
  ]
3873
3876
  }
3874
3877
  ) });