@loykin/designkit 0.0.1-dev.4 → 0.0.1-dev.5

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.
Files changed (9) hide show
  1. package/README.md +11 -4
  2. package/dist/index.cjs +209 -149
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.d.cts +12 -6
  5. package/dist/index.d.ts +12 -6
  6. package/dist/index.js +209 -149
  7. package/dist/index.js.map +1 -1
  8. package/dist/styles.css +133 -2
  9. package/package.json +3 -3
package/dist/index.d.cts CHANGED
@@ -301,6 +301,7 @@ interface WorkbenchBodyTemplateProps {
301
301
  contentClassName?: string;
302
302
  title?: ReactNode;
303
303
  description?: ReactNode;
304
+ status?: ReactNode;
304
305
  topBar?: ReactNode;
305
306
  /** Right side of the built-in workbench header. Prefer this over toolbar for new code. */
306
307
  headerRight?: ReactNode;
@@ -334,7 +335,7 @@ interface WorkbenchBodyTemplateProps {
334
335
  /** Mobile Sheet label for the right pane trigger */
335
336
  rightPaneLabel?: string;
336
337
  }
337
- declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, topBar, headerRight, toolbar, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
338
+ declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, status, topBar, headerRight, toolbar, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
338
339
 
339
340
  interface DataBodyTabProps {
340
341
  id: string;
@@ -393,6 +394,7 @@ interface DataBodyTemplateProps {
393
394
  topBar?: React__default.ReactNode;
394
395
  title?: React__default.ReactNode;
395
396
  description?: React__default.ReactNode;
397
+ status?: React__default.ReactNode;
396
398
  actions?: React__default.ReactNode;
397
399
  toolbarLeft?: React__default.ReactNode;
398
400
  toolbarRight?: React__default.ReactNode;
@@ -402,7 +404,7 @@ interface DataBodyTemplateProps {
402
404
  children?: React__default.ReactNode;
403
405
  contentClassName?: string;
404
406
  }
405
- declare function Root$1({ theme, className, topBar, title, description, actions, toolbarLeft, toolbarRight, activeTab: controlledActive, defaultTab, onTabChange, children, contentClassName, }: DataBodyTemplateProps): react_jsx_runtime.JSX.Element;
407
+ declare function Root$1({ theme, className, topBar, title, description, status, actions, toolbarLeft, toolbarRight, activeTab: controlledActive, defaultTab, onTabChange, children, contentClassName, }: DataBodyTemplateProps): react_jsx_runtime.JSX.Element;
406
408
  declare const DataBodyTemplate: typeof Root$1 & {
407
409
  Body: typeof DataBodyBody;
408
410
  Tab: typeof DataBodyTab;
@@ -419,6 +421,7 @@ interface BrowseBodyTemplateProps {
419
421
  topBar?: React__default.ReactNode;
420
422
  title?: React__default.ReactNode;
421
423
  description?: React__default.ReactNode;
424
+ status?: React__default.ReactNode;
422
425
  actions?: React__default.ReactNode;
423
426
  sidebar: React__default.ReactNode;
424
427
  sidebarTitle?: string;
@@ -428,7 +431,7 @@ interface BrowseBodyTemplateProps {
428
431
  contentClassName?: string;
429
432
  children?: React__default.ReactNode;
430
433
  }
431
- declare function BrowseBodyTemplate({ theme, className, topBar, title, description, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
434
+ declare function BrowseBodyTemplate({ theme, className, topBar, title, description, status, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
432
435
 
433
436
  type DetailBodyVariant = 'media' | 'record' | 'full';
434
437
  interface DetailBodyTemplateProps {
@@ -513,6 +516,7 @@ declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail
513
516
  interface PanelTemplateProps {
514
517
  title?: React__default.ReactNode;
515
518
  eyebrow?: React__default.ReactNode;
519
+ status?: React__default.ReactNode;
516
520
  actions?: React__default.ReactNode;
517
521
  footer?: React__default.ReactNode;
518
522
  children?: React__default.ReactNode;
@@ -527,7 +531,7 @@ interface PanelTemplateSectionProps {
527
531
  children?: React__default.ReactNode;
528
532
  }
529
533
  declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): react_jsx_runtime.JSX.Element;
530
- declare function PanelTemplateRoot({ title, eyebrow, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): react_jsx_runtime.JSX.Element;
534
+ declare function PanelTemplateRoot({ title, eyebrow, status, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): react_jsx_runtime.JSX.Element;
531
535
  declare const PanelTemplate: typeof PanelTemplateRoot & {
532
536
  Section: typeof PanelTemplateSection;
533
537
  };
@@ -542,6 +546,7 @@ interface FormWizardStep {
542
546
  interface FormWizardBodyTemplateProps {
543
547
  theme?: React.CSSProperties;
544
548
  title?: string;
549
+ status?: React.ReactNode;
545
550
  topBar?: React.ReactNode;
546
551
  variant?: FormWizardVariant;
547
552
  steps: FormWizardStep[];
@@ -550,7 +555,7 @@ interface FormWizardBodyTemplateProps {
550
555
  onBack?: () => void;
551
556
  onFinish?: () => void;
552
557
  }
553
- declare function FormWizardBodyTemplate({ theme, title, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
558
+ declare function FormWizardBodyTemplate({ theme, title, status, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
554
559
 
555
560
  interface TypographyBodyTemplateProps {
556
561
  theme?: React.CSSProperties;
@@ -577,6 +582,7 @@ interface DataPageTitleBlockProps {
577
582
  title?: React.ReactNode;
578
583
  description?: React.ReactNode;
579
584
  breadcrumb?: React.ReactNode;
585
+ status?: React.ReactNode;
580
586
  className?: string;
581
587
  }
582
588
  interface DataPageActionsProps {
@@ -626,7 +632,7 @@ interface DataPageFooterProps {
626
632
  }
627
633
  declare function Root({ children, className, style }: DataPageProps): react_jsx_runtime.JSX.Element;
628
634
  declare function Header({ children, className }: DataPageHeaderProps): react_jsx_runtime.JSX.Element;
629
- declare function TitleBlock({ title, description, breadcrumb, className }: DataPageTitleBlockProps): react_jsx_runtime.JSX.Element | null;
635
+ declare function TitleBlock({ title, description, breadcrumb, status, className }: DataPageTitleBlockProps): react_jsx_runtime.JSX.Element | null;
630
636
  declare function Actions({ children, className }: DataPageActionsProps): react_jsx_runtime.JSX.Element | null;
631
637
  declare function Tabs({ children, className }: DataPageTabsProps): react_jsx_runtime.JSX.Element | null;
632
638
  declare function Tab({ active, count, children, onClick, disabled, className }: DataPageTabProps): react_jsx_runtime.JSX.Element;
package/dist/index.d.ts CHANGED
@@ -301,6 +301,7 @@ interface WorkbenchBodyTemplateProps {
301
301
  contentClassName?: string;
302
302
  title?: ReactNode;
303
303
  description?: ReactNode;
304
+ status?: ReactNode;
304
305
  topBar?: ReactNode;
305
306
  /** Right side of the built-in workbench header. Prefer this over toolbar for new code. */
306
307
  headerRight?: ReactNode;
@@ -334,7 +335,7 @@ interface WorkbenchBodyTemplateProps {
334
335
  /** Mobile Sheet label for the right pane trigger */
335
336
  rightPaneLabel?: string;
336
337
  }
337
- declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, topBar, headerRight, toolbar, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
338
+ declare function WorkbenchBodyTemplate({ theme, className, contentClassName, title, description, status, topBar, headerRight, toolbar, actions, leftPane, mainPane, rightPane, bottomPane, children, resizable, leftPaneCollapsed, rightPaneCollapsed, bottomPaneCollapsed, leftPaneWidth, rightPaneWidth, bottomPaneHeight, minLeftPaneWidth, maxLeftPaneWidth, minRightPaneWidth, maxRightPaneWidth, minBottomPaneHeight, maxBottomPaneHeight, leftPaneClassName, mainPaneClassName, rightPaneClassName, bottomPaneClassName, leftPaneLabel, rightPaneLabel, }: WorkbenchBodyTemplateProps): react_jsx_runtime.JSX.Element;
338
339
 
339
340
  interface DataBodyTabProps {
340
341
  id: string;
@@ -393,6 +394,7 @@ interface DataBodyTemplateProps {
393
394
  topBar?: React__default.ReactNode;
394
395
  title?: React__default.ReactNode;
395
396
  description?: React__default.ReactNode;
397
+ status?: React__default.ReactNode;
396
398
  actions?: React__default.ReactNode;
397
399
  toolbarLeft?: React__default.ReactNode;
398
400
  toolbarRight?: React__default.ReactNode;
@@ -402,7 +404,7 @@ interface DataBodyTemplateProps {
402
404
  children?: React__default.ReactNode;
403
405
  contentClassName?: string;
404
406
  }
405
- declare function Root$1({ theme, className, topBar, title, description, actions, toolbarLeft, toolbarRight, activeTab: controlledActive, defaultTab, onTabChange, children, contentClassName, }: DataBodyTemplateProps): react_jsx_runtime.JSX.Element;
407
+ declare function Root$1({ theme, className, topBar, title, description, status, actions, toolbarLeft, toolbarRight, activeTab: controlledActive, defaultTab, onTabChange, children, contentClassName, }: DataBodyTemplateProps): react_jsx_runtime.JSX.Element;
406
408
  declare const DataBodyTemplate: typeof Root$1 & {
407
409
  Body: typeof DataBodyBody;
408
410
  Tab: typeof DataBodyTab;
@@ -419,6 +421,7 @@ interface BrowseBodyTemplateProps {
419
421
  topBar?: React__default.ReactNode;
420
422
  title?: React__default.ReactNode;
421
423
  description?: React__default.ReactNode;
424
+ status?: React__default.ReactNode;
422
425
  actions?: React__default.ReactNode;
423
426
  sidebar: React__default.ReactNode;
424
427
  sidebarTitle?: string;
@@ -428,7 +431,7 @@ interface BrowseBodyTemplateProps {
428
431
  contentClassName?: string;
429
432
  children?: React__default.ReactNode;
430
433
  }
431
- declare function BrowseBodyTemplate({ theme, className, topBar, title, description, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
434
+ declare function BrowseBodyTemplate({ theme, className, topBar, title, description, status, actions, sidebar, sidebarTitle, sidebarWidth, toolbar, footer, contentClassName, children, }: BrowseBodyTemplateProps): react_jsx_runtime.JSX.Element;
432
435
 
433
436
  type DetailBodyVariant = 'media' | 'record' | 'full';
434
437
  interface DetailBodyTemplateProps {
@@ -513,6 +516,7 @@ declare function ListDetailBodyTemplate({ theme, className, topBar, list, detail
513
516
  interface PanelTemplateProps {
514
517
  title?: React__default.ReactNode;
515
518
  eyebrow?: React__default.ReactNode;
519
+ status?: React__default.ReactNode;
516
520
  actions?: React__default.ReactNode;
517
521
  footer?: React__default.ReactNode;
518
522
  children?: React__default.ReactNode;
@@ -527,7 +531,7 @@ interface PanelTemplateSectionProps {
527
531
  children?: React__default.ReactNode;
528
532
  }
529
533
  declare function PanelTemplateSection({ title, description, actions, className, children, }: PanelTemplateSectionProps): react_jsx_runtime.JSX.Element;
530
- declare function PanelTemplateRoot({ title, eyebrow, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): react_jsx_runtime.JSX.Element;
534
+ declare function PanelTemplateRoot({ title, eyebrow, status, actions, footer, children, className, bodyClassName, }: PanelTemplateProps): react_jsx_runtime.JSX.Element;
531
535
  declare const PanelTemplate: typeof PanelTemplateRoot & {
532
536
  Section: typeof PanelTemplateSection;
533
537
  };
@@ -542,6 +546,7 @@ interface FormWizardStep {
542
546
  interface FormWizardBodyTemplateProps {
543
547
  theme?: React.CSSProperties;
544
548
  title?: string;
549
+ status?: React.ReactNode;
545
550
  topBar?: React.ReactNode;
546
551
  variant?: FormWizardVariant;
547
552
  steps: FormWizardStep[];
@@ -550,7 +555,7 @@ interface FormWizardBodyTemplateProps {
550
555
  onBack?: () => void;
551
556
  onFinish?: () => void;
552
557
  }
553
- declare function FormWizardBodyTemplate({ theme, title, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
558
+ declare function FormWizardBodyTemplate({ theme, title, status, topBar, variant, steps, activeStep, onNext, onBack, onFinish, }: FormWizardBodyTemplateProps): react_jsx_runtime.JSX.Element;
554
559
 
555
560
  interface TypographyBodyTemplateProps {
556
561
  theme?: React.CSSProperties;
@@ -577,6 +582,7 @@ interface DataPageTitleBlockProps {
577
582
  title?: React.ReactNode;
578
583
  description?: React.ReactNode;
579
584
  breadcrumb?: React.ReactNode;
585
+ status?: React.ReactNode;
580
586
  className?: string;
581
587
  }
582
588
  interface DataPageActionsProps {
@@ -626,7 +632,7 @@ interface DataPageFooterProps {
626
632
  }
627
633
  declare function Root({ children, className, style }: DataPageProps): react_jsx_runtime.JSX.Element;
628
634
  declare function Header({ children, className }: DataPageHeaderProps): react_jsx_runtime.JSX.Element;
629
- declare function TitleBlock({ title, description, breadcrumb, className }: DataPageTitleBlockProps): react_jsx_runtime.JSX.Element | null;
635
+ declare function TitleBlock({ title, description, breadcrumb, status, className }: DataPageTitleBlockProps): react_jsx_runtime.JSX.Element | null;
630
636
  declare function Actions({ children, className }: DataPageActionsProps): react_jsx_runtime.JSX.Element | null;
631
637
  declare function Tabs({ children, className }: DataPageTabsProps): react_jsx_runtime.JSX.Element | null;
632
638
  declare function Tab({ active, count, children, onClick, disabled, className }: DataPageTabProps): react_jsx_runtime.JSX.Element;