@superdispatch/ui 0.32.0 → 0.34.0

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 (40) hide show
  1. package/dist-node/index.js +356 -425
  2. package/dist-node/index.js.map +1 -1
  3. package/dist-src/avatar/AvatarOverrides.js +3 -3
  4. package/dist-src/avatar-button/AvatarButton.js +7 -7
  5. package/dist-src/button/ButtonOverrides.js +17 -17
  6. package/dist-src/card-button/CardButton.js +14 -14
  7. package/dist-src/checkbox/CheckboxField.js +2 -2
  8. package/dist-src/checkbox/CheckboxGroudField.js +3 -3
  9. package/dist-src/checkbox/CheckboxOverrides.js +9 -9
  10. package/dist-src/chip/ChipOverrides.js +9 -9
  11. package/dist-src/description-list/DescriptionList.js +2 -2
  12. package/dist-src/drawer/DrawerActions.js +2 -2
  13. package/dist-src/drawer/DrawerTitle.js +2 -2
  14. package/dist-src/dropdown-button/DropdownButton.js +2 -2
  15. package/dist-src/icon-button/IconButtonOverrides.js +11 -11
  16. package/dist-src/link/LinkOverrides.js +9 -9
  17. package/dist-src/list/ListOverrides.js +3 -3
  18. package/dist-src/menu/MenuOverrides.js +2 -2
  19. package/dist-src/overflow-text/OverflowText.js +2 -2
  20. package/dist-src/pagination/PaginationOverrides.js +10 -10
  21. package/dist-src/paper/PaperOverrides.js +2 -2
  22. package/dist-src/radio/RadioField.js +2 -2
  23. package/dist-src/radio/RadioFieldCard.js +2 -2
  24. package/dist-src/radio/RadioGroupField.js +3 -3
  25. package/dist-src/radio/RadioOverrides.js +6 -6
  26. package/dist-src/snackbar/SnackbarContent.js +9 -9
  27. package/dist-src/svg-icon/SvgIconOverrides.js +2 -2
  28. package/dist-src/switch/SwitchOverrides.js +9 -9
  29. package/dist-src/tabs/TabsOverrides.js +4 -4
  30. package/dist-src/tag/Tag.js +23 -23
  31. package/dist-src/text-field/TextFieldOverrides.js +15 -15
  32. package/dist-src/theme/Color.js +170 -249
  33. package/dist-src/theme/GlobalStyles.js +8 -4
  34. package/dist-src/theme/ThemeProvider.js +20 -16
  35. package/dist-src/tooltip/TooltipOverrides.js +3 -3
  36. package/dist-src/typography/TypographyOverrides.js +3 -3
  37. package/dist-types/index.d.ts +15 -126
  38. package/dist-web/index.js +358 -429
  39. package/dist-web/index.js.map +1 -1
  40. package/package.json +2 -2
@@ -476,127 +476,13 @@ declare enum Color {
476
476
  Yellow300 = "#E8671C",
477
477
  Yellow500 = "#B84807"
478
478
  }
479
- declare enum ColorLightInternal {
480
- White = "#fff",
481
- White50 = "rgba(255, 255, 255, 0.5)",
482
- White40 = "rgba(255, 255, 255, 0.4)",
483
- White20 = "rgba(255, 255, 255, 0.2)",
484
- White10 = "rgba(255, 255, 255, 0.1)",
485
- White08 = "rgba(255, 255, 255, 0.08)",
486
- Transparent = "rgba(0, 0, 0, 0)",
487
- Black = "#000",
488
- Black50 = "rgba(0, 0, 0, 0.5)",
489
- Black20 = "rgba(0, 0, 0, 0.2)",
490
- Dark30 = "rgba(143, 148, 158, 0.3)",
491
- Blue30 = "rgba(0, 112, 245, 0.3)",
492
- Green30 = "rgba(3, 135, 47, 0.3)",
493
- Red30 = "rgba(229, 35, 13, 0.3)",
494
- Silver30 = "rgba(225, 229, 234, 0.3)",
495
- Blue10 = "rgba(0, 112, 245, 0.1)",
496
- Red10 = "rgba(195, 25, 9, 0.1)",
497
- /**@deprecated Use Dark100 */
498
- Grey100 = "#8F949E",
499
- /**@deprecated Use Dark200 */
500
- Grey200 = "#6A707C",
501
- /**@deprecated Use Dark300 */
502
- Grey300 = "#5B6371",
503
- /**@deprecated Use Dark400 */
504
- Grey400 = "#323C4E",
505
- /**@deprecated Use Dark450 */
506
- Grey450 = "#222F44",
507
- /**@deprecated Use Dark500 */
508
- Grey500 = "#192334",
509
- /** @deprecated */
510
- Dark200 = "#6A707C",
511
- /** @deprecated */
512
- Dark400 = "#323C4E",
513
- /** @deprecated */
514
- Dark450 = "#222F44",
515
- /** @deprecated */
516
- Silver100 = "#F6F7F8",
517
- /** @deprecated */
518
- Silver300 = "#E8ECF0",
519
- /** @deprecated */
520
- Blue75 = "#CCE5FF",
521
- /** @deprecated */
522
- Blue100 = "#A8D1FF",
523
- /** @deprecated */
524
- Blue200 = "#66ADFF",
525
- /** @deprecated */
526
- Blue400 = "#0063DB",
527
- /** @deprecated */
528
- Green75 = "#C8F4D1",
529
- /** @deprecated */
530
- Green100 = "#90EAAE",
531
- /** @deprecated */
532
- Green200 = "#5DDA87",
533
- /** @deprecated */
534
- Green400 = "#1E8F46",
535
- /** @deprecated */
536
- Purple75 = "#DCDBF5",
537
- /** @deprecated */
538
- Purple100 = "#CBC8EE",
539
- /** @deprecated */
540
- Purple200 = "#A7A1E8",
541
- /** @deprecated */
542
- Purple400 = "#473ABB",
543
- /** @deprecated */
544
- Red75 = "#FDD9D3",
545
- /** @deprecated */
546
- Red100 = "#FDC2BA",
547
- /** @deprecated */
548
- Red200 = "#FE988B",
549
- /** @deprecated */
550
- Red400 = "#D9210D",
551
- /** @deprecated */
552
- Teal75 = "#BEEDF9",
553
- /** @deprecated */
554
- Teal100 = "#91E3F8",
555
- /** @deprecated */
556
- Teal200 = "#61D3EF",
557
- /** @deprecated */
558
- Teal400 = "#008DB8",
559
- /** @deprecated */
560
- Yellow75 = "#FFF1C2",
561
- /** @deprecated */
562
- Yellow100 = "#FFE494",
563
- /** @deprecated */
564
- Yellow200 = "#FFDC6B",
565
- /** @deprecated */
566
- Yellow400 = "#FFA91F",
567
- Dark50 = "rgba(25, 35, 52, 0.5)",
568
- Dark100 = "#8F949E",
569
- Dark300 = "#5B6371",
570
- Dark500 = "#192334",
571
- Silver200 = "#F3F5F8",
572
- Silver400 = "#E1E5EA",
573
- Silver500 = "#C4CDD5",
574
- Blue50 = "#EBF4FF",
575
- Blue300 = "#0070F5",
576
- Blue500 = "#0063DB",
577
- Green50 = "#ECF9EF",
578
- Green300 = "#03872F",
579
- Green500 = "#007A29",
580
- Purple50 = "#EFEEFC",
581
- Purple300 = "#6559CF",
582
- Purple500 = "#473ABB",
583
- Red50 = "#FFEDEB",
584
- Red300 = "#E5230D",
585
- Red500 = "#C31909",
586
- Teal50 = "#E3F6FC",
587
- Teal300 = "#007EAB",
588
- Teal500 = "#00678A",
589
- Yellow50 = "#FFF7DC",
590
- Yellow300 = "#E8671C",
591
- Yellow500 = "#B84807"
592
- }
593
- declare enum ColorDarkInternal {
594
- White = "#fff",
595
- White50 = "rgba(255, 255, 255, 0.5)",
596
- White40 = "rgba(255, 255, 255, 0.4)",
597
- White20 = "rgba(255, 255, 255, 0.2)",
598
- White10 = "rgba(255, 255, 255, 0.1)",
599
- White08 = "rgba(255, 255, 255, 0.08)",
479
+ declare enum ColorDark {
480
+ White = "#151B22",
481
+ White50 = "rgba(21, 27, 34, 0.5)",
482
+ White40 = "rgba(21, 27, 34, 0.4)",
483
+ White20 = "rgba(21, 27, 34, 0.2)",
484
+ White10 = "rgba(21, 27, 34, 0.1)",
485
+ White08 = "rgba(21, 27, 34, 0.08)",
600
486
  Transparent = "rgba(0, 0, 0, 0)",
601
487
  Black = "#000",
602
488
  Black50 = "rgba(0, 0, 0, 0.5)",
@@ -704,7 +590,7 @@ declare enum ColorDarkInternal {
704
590
  Yellow300 = "#E8671C",
705
591
  Yellow500 = "#FCA542"
706
592
  }
707
- declare enum ColorV2 {
593
+ declare enum ColorDynamic {
708
594
  White = "var(--sd-white)",
709
595
  White50 = "var(--sd-white-50)",
710
596
  White40 = "var(--sd-white-40)",
@@ -819,9 +705,11 @@ declare enum ColorV2 {
819
705
  Yellow500 = "var(--sd-yellow-500)"
820
706
  }
821
707
  declare type ColorProp = keyof typeof Color;
822
- declare type ColorPropV2 = keyof typeof ColorV2;
708
+ declare type ColorDynamicProp = keyof typeof ColorDynamic;
709
+ declare type ColorDarkProp = keyof typeof ColorDark;
823
710
  declare function isColorProp(name: unknown): name is ColorProp;
824
- declare function isColorPropV2(name: unknown): name is ColorPropV2;
711
+ declare function isColorDynamicProp(name: unknown): name is ColorDynamicProp;
712
+ declare function isColorPropDark(name: unknown): name is ColorDarkProp;
825
713
 
826
714
  declare module '@material-ui/core/styles/overrides' {
827
715
  interface ComponentNameToClassKey {
@@ -832,10 +720,11 @@ declare type SuperDispatchTheme = Readonly<Required<Theme>>;
832
720
 
833
721
  interface ThemeProviderProps {
834
722
  children?: ReactNode;
723
+ mode?: 'dark' | 'light';
835
724
  injectFirst?: boolean;
836
725
  modifier?: (theme: SuperDispatchTheme) => SuperDispatchTheme;
837
726
  }
838
- declare function ThemeProvider({ modifier, children, injectFirst, }: ThemeProviderProps): ReactElement;
727
+ declare function ThemeProvider({ modifier, children, mode, injectFirst, }: ThemeProviderProps): ReactElement;
839
728
 
840
729
  declare type TilesSpace = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
841
730
  declare type TilesColumns = 1 | 2 | 3 | 4 | 5 | 6;
@@ -882,4 +771,4 @@ interface VisibilityObserverProps extends VisibilityObserverOptions {
882
771
  }
883
772
  declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
884
773
 
885
- export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorDarkInternal, ColorLightInternal, ColorProp, ColorPropV2, ColorV2, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, PatternField, PatternFieldProps, RadioCardItemProps, RadioField, RadioFieldCard, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorProp, isColorPropV2, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };
774
+ export { AdaptiveToolbar, AdaptiveToolbarDropdownItem, AdaptiveToolbarItem, AdaptiveToolbarProps, AdaptiveVerticalToolbar, AdaptiveVerticalToolbarItem, AdaptiveVerticalToolbarProps, AvatarButton, AvatarButtonClassKey, AvatarButtonProps, Button, ButtonProps, CardButton, CardButtonClassKey, CardButtonProps, CheckboxField, CheckboxFieldProps, CheckboxGroupField, CheckboxGroupFieldProps, CollapseBreakpoint, CollapseProp, Color, ColorDark, ColorDarkProp, ColorDynamic, ColorDynamicProp, ColorProp, ColorVariant, Column, ColumnProps, ColumnWidth, Columns, ColumnsProps, DescriptionList, DescriptionListItem, DescriptionListItemProps, DescriptionListProps, DrawerActions, DrawerActionsProps, DrawerContent, DrawerContentProps, DrawerList, DrawerListProps, DrawerTitle, DrawerTitleProps, DropdownButton, ElementVisibility, ExitTransitionPlaceholder, GridStack, GridStackProps, HorizontalAlign, InfoCard, InfoCardClassKey, InfoCardProps, InfoTooltip, Inline, InlineGrid, InlineGridProps, InlineProps, MinBreakpoint, NegativeSpaceProp, NumberField, NumberFieldProps, OverflowText, OverflowTextProps, PartialResponsivePropRecord, PatternField, PatternFieldProps, RadioCardItemProps, RadioField, RadioFieldCard, RadioFieldProps, RadioGroupField, RadioGroupFieldProps, ResponsiveContext, ResponsiveContextProvider, ResponsiveContextProviderProps, ResponsiveProp, ResponsivePropPrimitive, ResponsivePropRecord, ResponsivePropTuple, ResponsivePropTupleInit, Snackbar, SnackbarCloseReason, SnackbarContent, SnackbarContentProps, SnackbarProps, SnackbarStack, SnackbarStackConsumer, SnackbarStackOptions, SnackbarStackProvider, SnackbarStackProviderProps, SnackbarVariant, SpaceProp, Stack, StackProps, SuperDispatchTheme, Tag, TagClassKey, TagProps, ThemeProvider, ThemeProviderProps, Tiles, TilesColumns, TilesProps, TilesSpace, VerticalAlign, VisibilityObserver, VisibilityObserverOptions, VisibilityObserverProps, VisibilityObserverRenderProps, assignRef, isColorDynamicProp, isColorProp, isColorPropDark, isEmptyReactNode, mergeRefs, parseAlignProp, parseCollapsedBelow, parseResponsiveProp, parseSpaceProp, renderChildren, useCollapseBreakpoint, useMinBreakpoint, useResizeObserver, useResponsiveContext, useResponsiveProp, useResponsivePropRecord, useResponsiveValue, useSnackbarStack, useUID, useVisibilityObserver };