@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.
- package/dist-node/index.js +356 -425
- package/dist-node/index.js.map +1 -1
- package/dist-src/avatar/AvatarOverrides.js +3 -3
- package/dist-src/avatar-button/AvatarButton.js +7 -7
- package/dist-src/button/ButtonOverrides.js +17 -17
- package/dist-src/card-button/CardButton.js +14 -14
- package/dist-src/checkbox/CheckboxField.js +2 -2
- package/dist-src/checkbox/CheckboxGroudField.js +3 -3
- package/dist-src/checkbox/CheckboxOverrides.js +9 -9
- package/dist-src/chip/ChipOverrides.js +9 -9
- package/dist-src/description-list/DescriptionList.js +2 -2
- package/dist-src/drawer/DrawerActions.js +2 -2
- package/dist-src/drawer/DrawerTitle.js +2 -2
- package/dist-src/dropdown-button/DropdownButton.js +2 -2
- package/dist-src/icon-button/IconButtonOverrides.js +11 -11
- package/dist-src/link/LinkOverrides.js +9 -9
- package/dist-src/list/ListOverrides.js +3 -3
- package/dist-src/menu/MenuOverrides.js +2 -2
- package/dist-src/overflow-text/OverflowText.js +2 -2
- package/dist-src/pagination/PaginationOverrides.js +10 -10
- package/dist-src/paper/PaperOverrides.js +2 -2
- package/dist-src/radio/RadioField.js +2 -2
- package/dist-src/radio/RadioFieldCard.js +2 -2
- package/dist-src/radio/RadioGroupField.js +3 -3
- package/dist-src/radio/RadioOverrides.js +6 -6
- package/dist-src/snackbar/SnackbarContent.js +9 -9
- package/dist-src/svg-icon/SvgIconOverrides.js +2 -2
- package/dist-src/switch/SwitchOverrides.js +9 -9
- package/dist-src/tabs/TabsOverrides.js +4 -4
- package/dist-src/tag/Tag.js +23 -23
- package/dist-src/text-field/TextFieldOverrides.js +15 -15
- package/dist-src/theme/Color.js +170 -249
- package/dist-src/theme/GlobalStyles.js +8 -4
- package/dist-src/theme/ThemeProvider.js +20 -16
- package/dist-src/tooltip/TooltipOverrides.js +3 -3
- package/dist-src/typography/TypographyOverrides.js +3 -3
- package/dist-types/index.d.ts +15 -126
- package/dist-web/index.js +358 -429
- package/dist-web/index.js.map +1 -1
- package/package.json +2 -2
package/dist-types/index.d.ts
CHANGED
|
@@ -476,127 +476,13 @@ declare enum Color {
|
|
|
476
476
|
Yellow300 = "#E8671C",
|
|
477
477
|
Yellow500 = "#B84807"
|
|
478
478
|
}
|
|
479
|
-
declare enum
|
|
480
|
-
White = "#
|
|
481
|
-
White50 = "rgba(
|
|
482
|
-
White40 = "rgba(
|
|
483
|
-
White20 = "rgba(
|
|
484
|
-
White10 = "rgba(
|
|
485
|
-
White08 = "rgba(
|
|
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
|
|
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
|
|
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
|
|
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,
|
|
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 };
|