@superdispatch/ui 0.33.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 +343 -419
  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 +2 -2
  34. package/dist-src/theme/ThemeProvider.js +12 -11
  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 +13 -125
  38. package/dist-web/index.js +344 -422
  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 {
@@ -883,4 +771,4 @@ interface VisibilityObserverProps extends VisibilityObserverOptions {
883
771
  }
884
772
  declare function VisibilityObserver({ render, onChange, ...options }: VisibilityObserverProps): null | ReactElement;
885
773
 
886
- 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 };