@sendoutcards/quantum-design-ui 1.7.78 → 1.7.79

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 (30) hide show
  1. package/dist/index.es.js +1407 -648
  2. package/dist/src/atoms/companion/companion.d.ts +17 -0
  3. package/dist/src/customThemes/bellaCadaeux/tokens/colors.d.ts +1 -0
  4. package/dist/src/customThemes/blue42/concepts.d.ts +1 -0
  5. package/dist/src/customThemes/blue42/tokens/colors.d.ts +1 -0
  6. package/dist/src/customThemes/greenerStill/concepts.d.ts +1 -0
  7. package/dist/src/customThemes/greenerStill/tokens/colors.d.ts +1 -0
  8. package/dist/src/customThemes/promptingU/concepts.d.ts +1 -0
  9. package/dist/src/customThemes/promptingU/tokens/colors.d.ts +1 -0
  10. package/dist/src/customThemes/promptings/concepts.d.ts +22 -0
  11. package/dist/src/customThemes/promptings/entities.d.ts +2 -0
  12. package/dist/src/customThemes/promptings/tokens/colors.d.ts +13 -0
  13. package/dist/src/customThemes/promptings/tokens/typography.d.ts +23 -0
  14. package/dist/src/customThemes/sendOutCards/concepts.d.ts +1 -0
  15. package/dist/src/customThemes/sendOutCards/tokens/colors.d.ts +1 -0
  16. package/dist/src/customThemes/sendogo/concepts.d.ts +1 -0
  17. package/dist/src/customThemes/streamMarketing/concepts.d.ts +1 -0
  18. package/dist/src/customThemes/streamMarketing/tokens/colors.d.ts +1 -0
  19. package/dist/src/customThemes/streamVA/concepts.d.ts +1 -0
  20. package/dist/src/customThemes/streamVA/tokens/colors.d.ts +1 -0
  21. package/dist/src/exports/themes.d.ts +2 -1
  22. package/dist/src/helpers/hoc-functions/makeResponsive.d.ts +1 -0
  23. package/dist/src/helpers/hoc-types/entityValueTypes.d.ts +6 -1
  24. package/dist/src/hooks/useColorSwatch.d.ts +1 -0
  25. package/dist/src/hooks/useEntities.d.ts +1 -0
  26. package/dist/src/stories/atoms/Colors.stories.d.ts +1 -0
  27. package/dist/src/theme/theming/concepts.d.ts +1 -0
  28. package/dist/src/theme/theming/entities.d.ts +2 -0
  29. package/dist/src/theme/tokens/colors.d.ts +1 -0
  30. package/package.json +1 -1
package/dist/src/atoms/companion/companion.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { HOCBaseProps } from "../../helpers/hoc-types/hocBasePropTypes";
3
+ import { HOCMotionProps } from "../../helpers/hoc-types/hocMotionTypes";
4
+ export declare type DivProps = {
5
+ children?: React.ReactNode;
6
+ outsideClick?: () => void;
7
+ clickElementBypass?: string;
8
+ } & HOCBaseProps & HOCMotionProps;
9
+ export declare const Companion: React.ForwardRefExoticComponent<{
10
+ children?: React.ReactNode;
11
+ outsideClick?: (() => void) | undefined;
12
+ clickElementBypass?: string | undefined;
13
+ } & HOCBaseProps & {
14
+ className?: string | undefined;
15
+ motionKey?: string | number | undefined;
16
+ id?: string | undefined;
17
+ } & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>;
package/dist/src/customThemes/bellaCadaeux/tokens/colors.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const colors: {
7
7
  yellowSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
8
8
  blueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
9
  baseGray: string;
10
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
11
  BASE: string;
11
12
  WHITE: string;
12
13
  };
package/dist/src/customThemes/blue42/concepts.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const colors: {
10
10
  foreground: string;
11
11
  grayScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
12
12
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
+ purpleScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
14
  white: string;
14
15
  defaultShadowColor: string;
15
16
  };
package/dist/src/customThemes/blue42/tokens/colors.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const colors: {
8
8
  blueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
9
  baseGraySwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
10
  baseGray: string;
11
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
11
12
  BASE: string;
12
13
  WHITE: string;
13
14
  };
package/dist/src/customThemes/greenerStill/concepts.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const colors: {
10
10
  foreground: string;
11
11
  grayScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
12
12
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
+ purpleScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
14
  white: string;
14
15
  defaultShadowColor: string;
15
16
  };
package/dist/src/customThemes/greenerStill/tokens/colors.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const colors: {
7
7
  redSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
8
8
  yellowSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
9
  blueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
11
  BASE: string;
11
12
  WHITE: string;
12
13
  };
package/dist/src/customThemes/promptingU/concepts.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const colors: {
10
10
  foreground: string;
11
11
  grayScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
12
12
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
+ purpleScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
14
  white: string;
14
15
  defaultShadowColor: string;
15
16
  };
package/dist/src/customThemes/promptingU/tokens/colors.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const colors: {
8
8
  yellowSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
9
  blueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
10
  baseGray: string;
11
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
11
12
  BASE: string;
12
13
  WHITE: string;
13
14
  };
package/dist/src/customThemes/promptings/concepts.d.ts ADDED
@@ -0,0 +1,22 @@
1
+ import { Concepts } from '../sendOutCards/concepts';
2
+ declare const colors: {
3
+ primaryBrand: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
4
+ secondaryBrand: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
5
+ accent: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
6
+ success: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
7
+ warning: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
8
+ danger: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
9
+ background: string;
10
+ foreground: string;
11
+ grayScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
12
+ blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
+ purpleScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
14
+ white: string;
15
+ defaultShadowColor: string;
16
+ };
17
+ declare type PromptingsColors = {
18
+ colors: typeof colors;
19
+ };
20
+ declare type PromptingsConcepts = Omit<Concepts, 'colors'> & PromptingsColors;
21
+ export declare const concepts: PromptingsConcepts;
22
+ export {};
package/dist/src/customThemes/promptings/entities.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { Entities } from '../../theme/theming/entities';
2
+ export declare const entities: Entities;
package/dist/src/customThemes/promptings/tokens/colors.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ export declare const colors: {
2
+ tealSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
3
+ darkBlueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
4
+ lightBlueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
5
+ graySwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
6
+ accentBlueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
7
+ greenSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
8
+ yellowSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
+ redSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
11
+ WHITE: string;
12
+ BASE: string;
13
+ };
package/dist/src/customThemes/promptings/tokens/typography.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ export declare const XXSMALL_FONT: string;
2
+ export declare const XSMALL_FONT: string;
3
+ export declare const SMALL_FONT: string;
4
+ export declare const MEDIUM_FONT: string;
5
+ export declare const MEDIUM_PLUS_FONT: string;
6
+ export declare const LARGE_FONT: string;
7
+ export declare const XLARGE_FONT: string;
8
+ export declare const XXLARGE_FONT: string;
9
+ export declare const XSMALL_LINE_HEIGHT: string;
10
+ export declare const SMALL_LINE_HEIGHT: string;
11
+ export declare const MEDIUM_LINE_HEIGHT: string;
12
+ export declare const LARGE_LINE_HEIGHT: string;
13
+ export declare const XLARGE_LINE_HEIGHT: string;
14
+ export declare const XXLARGE_LINE_HEIGHT: string;
15
+ export declare const HEADING_FONT_FAMILY = "'Poppins', 'Open Sans', sans-serif";
16
+ export declare const BODY_FONT_FAMILY = "'Poppins', 'Open Sans', sans-serif";
17
+ export declare const BODY_FONT_IMPORT = "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";
18
+ export declare const HEADING_FONT_IMPORT = "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";
19
+ export declare const WEIGHT_THIN = 300;
20
+ export declare const WEIGHT_REGULAR = 400;
21
+ export declare const WEIGHT_SEMI_BOLD = 600;
22
+ export declare const WEIGHT_BOLD = 700;
23
+ export declare const WEIGHT_EXTRA_BOLD = 800;
package/dist/src/customThemes/sendOutCards/concepts.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const concepts: {
12
12
  foreground: string;
13
13
  grayScale: ColorSwatch;
14
14
  blueScale: Required<ColorSwatch>;
15
+ purpleScale: Required<ColorSwatch>;
15
16
  white: string;
16
17
  defaultShadowColor: string;
17
18
  };
package/dist/src/customThemes/sendOutCards/tokens/colors.d.ts CHANGED
@@ -8,4 +8,5 @@ export declare const colors: {
8
8
  WHITE: string;
9
9
  blueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
10
  lightGray: string;
11
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
11
12
  };
package/dist/src/customThemes/sendogo/concepts.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const colors: {
10
10
  foreground: string;
11
11
  grayScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
12
12
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
+ purpleScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
14
  white: string;
14
15
  defaultShadowColor: string;
15
16
  };
package/dist/src/customThemes/streamMarketing/concepts.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const colors: {
10
10
  foreground: string;
11
11
  grayScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
12
12
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
+ purpleScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
14
  white: string;
14
15
  defaultShadowColor: string;
15
16
  };
package/dist/src/customThemes/streamMarketing/tokens/colors.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const colors: {
8
8
  blueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
9
  baseGraySwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
10
  baseGray: string;
11
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
11
12
  BASE: string;
12
13
  WHITE: string;
13
14
  };
package/dist/src/customThemes/streamVA/concepts.d.ts CHANGED
@@ -10,6 +10,7 @@ declare const colors: {
10
10
  foreground: string;
11
11
  grayScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
12
12
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
+ purpleScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
13
14
  white: string;
14
15
  defaultShadowColor: string;
15
16
  };
package/dist/src/customThemes/streamVA/tokens/colors.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const colors: {
8
8
  blueSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
9
  baseGraySwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
10
  baseGray: string;
11
+ purpleSwatch: import("../../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
11
12
  BASE: string;
12
13
  WHITE: string;
13
14
  };
package/dist/src/exports/themes.d.ts CHANGED
@@ -6,4 +6,5 @@ import { entities as promptingUTheme } from '../customThemes/promptingU/entities
6
6
  import { entities as streamMarketingTheme } from '../customThemes/streamMarketing/entities';
7
7
  import { entities as streamVATheme } from '../customThemes/streamVA/entities';
8
8
  import { entities as sendOutCardsTheme } from '../customThemes/sendOutCards/entities';
9
- export { sendogoTheme, greenerStillTheme, bellaCadaeuxTheme, blue42Theme, promptingUTheme, streamMarketingTheme, streamVATheme, sendOutCardsTheme, };
9
+ import { entities as promptingsTheme } from '../customThemes/promptings/entities';
10
+ export { sendogoTheme, greenerStillTheme, bellaCadaeuxTheme, blue42Theme, promptingUTheme, streamMarketingTheme, streamVATheme, sendOutCardsTheme, promptingsTheme, };
package/dist/src/helpers/hoc-functions/makeResponsive.d.ts CHANGED
@@ -56,6 +56,7 @@ export declare const makeResponsive: (property: string, value: HOCValues | CSSVa
56
56
  accent: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
57
57
  grayScale: import("../theme-functions/computeColorSwatch").ColorSwatch;
58
58
  blueScale: Required<import("../theme-functions/computeColorSwatch").ColorSwatch>;
59
+ purpleScale: import("../theme-functions/computeColorSwatch").ColorSwatch;
59
60
  };
60
61
  background: string;
61
62
  foreground: string;
package/dist/src/helpers/hoc-types/entityValueTypes.d.ts CHANGED
@@ -11,6 +11,7 @@ export declare const colors: {
11
11
  accent: Required<ColorSwatch>;
12
12
  grayScale: ColorSwatch;
13
13
  blueScale: Required<ColorSwatch>;
14
+ purpleScale: ColorSwatch;
14
15
  };
15
16
  background: string;
16
17
  foreground: string;
@@ -113,7 +114,7 @@ export declare type BorderWidth = BorderDirection<HOCBorderWidthKeys> | BorderDi
113
114
  export declare type BorderWidthDirection = BorderWidth & Responsive<HOCBorderWidthKeys>;
114
115
  export declare type BorderStyleDirection = BorderDirection<BorderStyles> | BorderDirection<Responsive<BorderStyles>>;
115
116
  export declare type Shadows = LiteralUnion<HOCShadowKeys, string> | Responsive<LiteralUnion<HOCShadowKeys, string>>;
116
- export declare type ColorSelection = PrimaryBrandColorSelection | SecondaryBrandColorSelection | SuccessColorSelection | WarningColorSelection | DangerColorSelection | AccentColorSelection | GrayScaleColorSelection | BlueScaleColorSelection;
117
+ export declare type ColorSelection = PrimaryBrandColorSelection | SecondaryBrandColorSelection | SuccessColorSelection | WarningColorSelection | DangerColorSelection | AccentColorSelection | GrayScaleColorSelection | BlueScaleColorSelection | PurpleScaleColorSelection;
117
118
  declare type PrimaryBrandColorSelection = {
118
119
  swatch: 'primaryBrand';
119
120
  shade: LiteralUnion<keyof RequiredColorSwatch>;
@@ -146,6 +147,10 @@ declare type GrayScaleColorSelection = {
146
147
  swatch: 'grayScale';
147
148
  shade: LiteralUnion<keyof RequiredColorSwatch>;
148
149
  };
150
+ declare type PurpleScaleColorSelection = {
151
+ swatch: 'purpleScale';
152
+ shade: LiteralUnion<keyof RequiredColorSwatch>;
153
+ };
149
154
  export declare type LiteralUnion<T extends U, U = string> = T | (U & {
150
155
  _?: never;
151
156
  });
package/dist/src/hooks/useColorSwatch.d.ts CHANGED
@@ -7,4 +7,5 @@ export declare const useColorSwatch: () => {
7
7
  accent: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
8
8
  grayScale: import("../helpers/theme-functions/computeColorSwatch").ColorSwatch;
9
9
  blueScale: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
10
+ purpleScale: import("../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
11
  };
package/dist/src/hooks/useEntities.d.ts CHANGED
@@ -26,6 +26,7 @@ export declare const useEntities: () => {
26
26
  accent: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
27
27
  grayScale: import("../helpers/theme-functions/computeColorSwatch").ColorSwatch;
28
28
  blueScale: Required<import("../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
29
+ purpleScale: import("../helpers/theme-functions/computeColorSwatch").ColorSwatch;
29
30
  };
30
31
  background: string;
31
32
  foreground: string;
package/dist/src/stories/atoms/Colors.stories.d.ts CHANGED
@@ -9,3 +9,4 @@ export declare const Danger: any;
9
9
  export declare const Accent: any;
10
10
  export declare const GrayScale: any;
11
11
  export declare const BlueScale: any;
12
+ export declare const PurpleScale: any;
package/dist/src/theme/theming/concepts.d.ts CHANGED
@@ -12,6 +12,7 @@ export declare const concepts: {
12
12
  foreground: string;
13
13
  grayScale: ColorSwatch;
14
14
  blueScale: Required<ColorSwatch>;
15
+ purpleScale: ColorSwatch;
15
16
  white: string;
16
17
  defaultShadowColor: string;
17
18
  };
package/dist/src/theme/theming/entities.d.ts CHANGED
@@ -124,6 +124,7 @@ declare const hocs: {
124
124
  accent: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
125
125
  grayScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
126
126
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
127
+ purpleScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
127
128
  };
128
129
  background: string;
129
130
  foreground: string;
@@ -528,6 +529,7 @@ export declare const entities: {
528
529
  accent: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
529
530
  grayScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
530
531
  blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
532
+ purpleScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
531
533
  };
532
534
  background: string;
533
535
  foreground: string;
package/dist/src/theme/tokens/colors.d.ts CHANGED
@@ -7,5 +7,6 @@ export declare const colors: {
7
7
  accentSwatch: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
8
8
  WHITE: string;
9
9
  blueSwatch: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
+ purpleSwatch: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
10
11
  lightGray: string;
11
12
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sendoutcards/quantum-design-ui",
3
- "version": "1.7.78",
3
+ "version": "1.7.79",
4
4
  "description": "UI component library for Quantum Design System",
5
5
  "module": "dist/index.es.js",
6
6
  "jsnext:main": "dist/index.es.js",