@salilvnair/dui 1.0.8 → 1.0.9

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.
@@ -5,11 +5,11 @@ import { DuiConfig, DuiSize, DuiRadius, DuiWidth, DuiFontStyle } from './DuiType
5
5
  * Every prop is optional and falls back to its system default when omitted.
6
6
  *
7
7
  * @example
8
- * <DuiProvider size="sm" borderRadius="lg" activeColor="var(--color-primary)">
8
+ * <DuiProvider size="sm" borderRadius="lg" chipVariant="quiet">
9
9
  * <ButtonView>Save</ButtonView>
10
10
  * </DuiProvider>
11
11
  */
12
- export declare function DuiProvider({ size, width, borderRadius, color, defaultColor, activeColor, fontStyle, children, }: {
12
+ export declare function DuiProvider({ size, width, borderRadius, color, defaultColor, activeColor, fontStyle, chipVariant, children, }: {
13
13
  size?: DuiSize;
14
14
  width?: DuiWidth;
15
15
  borderRadius?: DuiRadius | number;
@@ -17,6 +17,8 @@ export declare function DuiProvider({ size, width, borderRadius, color, defaultC
17
17
  defaultColor?: string;
18
18
  activeColor?: string;
19
19
  fontStyle?: DuiFontStyle;
20
+ /** The look every `BadgeChipView` in the subtree takes. */
21
+ chipVariant?: string;
20
22
  children: ReactNode;
21
23
  }): import("react").JSX.Element;
22
24
  /**
@@ -26,4 +26,12 @@ export interface DuiConfig {
26
26
  activeColor?: string;
27
27
  /** Font style applied to all text within the DUI subtree. */
28
28
  fontStyle?: DuiFontStyle;
29
+ /**
30
+ * Which of `BadgeChipView`'s looks every chip takes.
31
+ *
32
+ * The one setting that changes a mark appearing in twenty screens at once,
33
+ * which is why it is here rather than argued at each call site. A chip that
34
+ * needs to differ still says `variant` itself.
35
+ */
36
+ chipVariant?: string;
29
37
  }
@@ -33,5 +33,13 @@ export declare const IconSize: {
33
33
  readonly state: 20;
34
34
  /** The empty-state medallion. */
35
35
  readonly medallion: 22;
36
+ /**
37
+ * The subject of a screen that has nothing else on it.
38
+ *
39
+ * A panel-filling loading or empty state is not a row and should not be
40
+ * drawn like one: at `medallion` inside an 800px-tall empty tab the glyph
41
+ * reads as a typo rather than as the thing being waited for.
42
+ */
43
+ readonly hero: 34;
36
44
  };
37
45
  export type IconRole = keyof typeof IconSize;
@@ -481,6 +481,8 @@ export type { ModalViewProps, ModalSize, ModalMode } from './components/modal/Mo
481
481
  export { LoaderView } from './components/display/LoaderView';
482
482
  export type { LoaderViewProps, LoaderVariant } from './components/display/LoaderView';
483
483
  export { EmptyStateView } from './components/display/EmptyStateView';
484
+ export { LoadingStateView } from './components/display/LoadingStateView';
485
+ export type { LoadingStateViewProps } from './components/display/LoadingStateView';
484
486
  export type { EmptyStateViewProps } from './components/display/EmptyStateView';
485
487
  export { StatusIndicatorView } from './components/display/StatusIndicatorView';
486
488
  export type { StatusIndicatorViewProps, StatusState, StatusSize } from './components/display/StatusIndicatorView';
@@ -554,7 +556,7 @@ export type { YamlKeyChipProps } from './components/display/YamlKeyChip';
554
556
  export { LiveColorCustomizer } from './components/display/LiveColorCustomizer';
555
557
  export type { LiveColorCustomizerProps, LiveColorVar } from './components/display/LiveColorCustomizer';
556
558
  export { SearchFieldView } from './components/input/SearchFieldView';
557
- export type { SearchFieldViewProps } from './components/input/SearchFieldView';
559
+ export type { SearchFieldViewProps, SearchSuggestion } from './components/input/SearchFieldView';
558
560
  export { TERMINAL_PALETTES, resolveTerminalTheme, groundMode } from './core/TerminalPalette';
559
561
  export type { TerminalPalette, TerminalAnsi } from './core/TerminalPalette';
560
562
  export { parseTerminalThemes, serializeTerminalThemes, terminalThemeTemplate, deriveLightAnsi, isTerminalColor, TERMINAL_ANSI_KEYS, TERMINAL_THEME_FORMAT, TERMINAL_THEME_VERSION, MAX_THEMES_PER_IMPORT, MAX_THEMES_STORED, } from './core/TerminalPaletteFile';
@@ -566,7 +568,10 @@ export type { IconRole } from './core/IconSize';
566
568
  export { TableSkeletonView } from './components/display/TableSkeletonView';
567
569
  export type { TableSkeletonViewProps, TableSkeletonColumn } from './components/display/TableSkeletonView';
568
570
  export { BadgeChipView } from './components/display/BadgeChipView';
569
- export type { BadgeChipViewProps, BadgeChipSize } from './components/display/BadgeChipView';
571
+ export type { BadgeChipViewProps, BadgeChipSize, BadgeChipVariant } from './components/display/BadgeChipView';
572
+ export { chipBoxStyle, chipDotStyle, chipTextStyle } from './components/display/BadgeChipView';
573
+ export { BADGE_CHIP_SKINS, CHIP_SKIN_BY_ID, DEFAULT_CHIP_VARIANT } from './components/display/badge-chip-skins';
574
+ export type { ChipSkin } from './components/display/badge-chip-skins';
570
575
  export { FilterInputView } from './components/input/FilterInputView';
571
576
  export type { FilterInputViewProps } from './components/input/FilterInputView';
572
577
  export { SearchInputView } from './components/input/SearchInputView';
@@ -1,6 +1,6 @@
1
1
  import Y, { DiffEditor as fe, loader as pe } from "@monaco-editor/react";
2
2
  import * as O from "monaco-editor";
3
- import { q as X, E as Q, A as me, G as he, H as ke, I as be, J as Ce } from "./chunks/doc-path-D2_JUEIe.js";
3
+ import { q as X, E as Q, A as me, G as he, H as ke, I as be, J as Ce } from "./chunks/doc-path-CS9-ZNht.js";
4
4
  import { jsx as M } from "react/jsx-runtime";
5
5
  import { useState as ye, useEffect as A, useRef as R, useCallback as z, useMemo as ee } from "react";
6
6
  import ve from "monaco-editor/esm/vs/editor/editor.worker?worker&inline";