@sendoutcards/quantum-design-ui 1.7.76 → 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 (34) hide show
  1. package/dist/index.es.js +1471 -683
  2. package/dist/src/atoms/companion/companion.d.ts +17 -0
  3. package/dist/src/atoms/iconography/icons/swap.d.ts +3 -0
  4. package/dist/src/atoms/iconography/types/index.d.ts +1 -1
  5. package/dist/src/customThemes/bellaCadaeux/tokens/colors.d.ts +1 -0
  6. package/dist/src/customThemes/blue42/concepts.d.ts +1 -0
  7. package/dist/src/customThemes/blue42/tokens/colors.d.ts +1 -0
  8. package/dist/src/customThemes/greenerStill/concepts.d.ts +1 -0
  9. package/dist/src/customThemes/greenerStill/tokens/colors.d.ts +1 -0
  10. package/dist/src/customThemes/promptingU/concepts.d.ts +1 -0
  11. package/dist/src/customThemes/promptingU/tokens/colors.d.ts +1 -0
  12. package/dist/src/customThemes/promptings/concepts.d.ts +22 -0
  13. package/dist/src/customThemes/promptings/entities.d.ts +2 -0
  14. package/dist/src/customThemes/promptings/tokens/colors.d.ts +13 -0
  15. package/dist/src/customThemes/promptings/tokens/typography.d.ts +23 -0
  16. package/dist/src/customThemes/sendOutCards/concepts.d.ts +1 -0
  17. package/dist/src/customThemes/sendOutCards/tokens/colors.d.ts +1 -0
  18. package/dist/src/customThemes/sendogo/concepts.d.ts +1 -0
  19. package/dist/src/customThemes/streamMarketing/concepts.d.ts +1 -0
  20. package/dist/src/customThemes/streamMarketing/tokens/colors.d.ts +1 -0
  21. package/dist/src/customThemes/streamVA/concepts.d.ts +1 -0
  22. package/dist/src/customThemes/streamVA/tokens/colors.d.ts +1 -0
  23. package/dist/src/exports/themes.d.ts +2 -1
  24. package/dist/src/helpers/hoc-functions/makeResponsive.d.ts +1 -0
  25. package/dist/src/helpers/hoc-types/entityValueTypes.d.ts +6 -1
  26. package/dist/src/hooks/useColorSwatch.d.ts +1 -0
  27. package/dist/src/hooks/useEntities.d.ts +1 -0
  28. package/dist/src/molecules/select/components/option.d.ts +6 -6
  29. package/dist/src/stories/atoms/Colors.stories.d.ts +1 -0
  30. package/dist/src/stories/atoms/Icons.stories.d.ts +1 -0
  31. package/dist/src/theme/theming/concepts.d.ts +1 -0
  32. package/dist/src/theme/theming/entities.d.ts +2 -0
  33. package/dist/src/theme/tokens/colors.d.ts +1 -0
  34. 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/atoms/iconography/icons/swap.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { SVGProps } from '../types/index';
3
+ export declare const Swap: FC<SVGProps>;
package/dist/src/atoms/iconography/types/index.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare type SVGProps = {
11
11
  entity: IconsEntity;
12
12
  orientation?: orientation;
13
13
  };
14
- export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | 'filterBy' | 'groups' | 'idCard' | 'plusSquare' | 'star' | 'search' | 'cart' | 'priceTag' | 'layer' | 'loading' | 'play' | 'lock' | 'user' | 'noUsers' | 'add' | 'check' | 'exclamation' | 'envelope' | 'userSuccess' | 'image' | 'imageSwap' | 'text' | 'color' | 'template' | 'redo' | 'undo' | 'copy' | 'drag' | 'delete' | 'crop' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'allPanel' | 'fullBleed' | 'fullBleedLandscape' | 'fullBleedPortrait' | 'sliderHorizontal' | 'sliderVertical' | 'cropRotate' | 'frame' | 'cut' | 'wand' | 'layerAdd' | 'layerRemove' | 'layerDisabled' | 'signature' | 'shadows' | 'rotateLeft' | 'rotateRight' | 'colorPalette' | 'dropper' | 'textBox' | 'fontSize' | 'flipHorizontal' | 'flipVertical' | 'filter' | 'brightness' | 'aText' | 'frameWidth' | 'frameHeight' | 'layerUp' | 'layerDown' | 'capitalizedText' | 'uppercaseText' | 'lowercaseText' | 'fullBleedImage' | 'fullBleedText' | 'panelMode' | 'viewPanels' | 'rotate' | 'view' | 'replaceImage' | 'quotation' | 'facebook' | 'instagram' | 'twitter' | 'linkedIn' | 'youtube' | 'pinterest' | 'visible' | 'invisible' | 'elementIcon' | 'complete' | 'download' | 'closeCircle' | 'backgroundSettings' | 'upload' | 'stickers' | 'clearPanel' | 'viewCarousel' | 'viewSinglePanel' | 'editorText' | 'layout' | 'background' | 'save' | 'signaturePen' | 'size' | 'variable' | 'imageUpload' | 'squareCheck' | 'userTag' | 'map' | 'mapLocation' | 'location' | 'creditCard' | 'calendar' | 'home' | 'bag';
14
+ export declare type IconType = 'catalog' | 'socLogo' | 'campaigns' | 'gift' | 'plus' | 'minus' | 'tenDoor' | 'rightChevron' | 'close' | 'award' | 'contact' | 'multipleUsers2x' | 'multipleUsers3x' | 'information' | 'hamburger' | 'leftChevron' | 'chevron' | 'information' | 'filterBy' | 'groups' | 'idCard' | 'plusSquare' | 'star' | 'search' | 'cart' | 'priceTag' | 'layer' | 'loading' | 'play' | 'lock' | 'user' | 'noUsers' | 'add' | 'check' | 'exclamation' | 'envelope' | 'userSuccess' | 'image' | 'imageSwap' | 'text' | 'color' | 'template' | 'redo' | 'undo' | 'copy' | 'drag' | 'delete' | 'crop' | 'alignLeft' | 'alignRight' | 'alignCenter' | 'allPanel' | 'fullBleed' | 'fullBleedLandscape' | 'fullBleedPortrait' | 'sliderHorizontal' | 'sliderVertical' | 'cropRotate' | 'frame' | 'cut' | 'wand' | 'layerAdd' | 'layerRemove' | 'layerDisabled' | 'signature' | 'shadows' | 'rotateLeft' | 'rotateRight' | 'colorPalette' | 'dropper' | 'textBox' | 'fontSize' | 'flipHorizontal' | 'flipVertical' | 'filter' | 'brightness' | 'aText' | 'frameWidth' | 'frameHeight' | 'layerUp' | 'layerDown' | 'capitalizedText' | 'uppercaseText' | 'lowercaseText' | 'fullBleedImage' | 'fullBleedText' | 'panelMode' | 'viewPanels' | 'rotate' | 'view' | 'replaceImage' | 'quotation' | 'facebook' | 'instagram' | 'twitter' | 'linkedIn' | 'youtube' | 'pinterest' | 'visible' | 'invisible' | 'elementIcon' | 'complete' | 'download' | 'closeCircle' | 'backgroundSettings' | 'upload' | 'stickers' | 'clearPanel' | 'viewCarousel' | 'viewSinglePanel' | 'editorText' | 'layout' | 'background' | 'save' | 'signaturePen' | 'size' | 'variable' | 'imageUpload' | 'squareCheck' | 'userTag' | 'map' | 'mapLocation' | 'location' | 'creditCard' | 'calendar' | 'home' | 'bag' | 'swap';
15
15
  export declare type IconProps = {
16
16
  name: IconType;
17
17
  } & Omit<SVGProps, 'entity'>;
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/molecules/select/components/option.d.ts CHANGED
@@ -31,21 +31,21 @@ export declare const Option: React.ForwardRefExoticComponent<({
31
31
  alignment?: "left" | "center" | "right" | undefined;
32
32
  onClick?: ((id: number) => void) | undefined;
33
33
  isSelected: boolean;
34
- graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
35
- icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
34
+ graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | undefined;
35
+ icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | undefined;
36
36
  id: number;
37
37
  } & TextLabelProps & React.RefAttributes<HTMLDivElement>) | ({
38
38
  alignment?: "left" | "center" | "right" | undefined;
39
39
  onClick?: ((id: number) => void) | undefined;
40
40
  isSelected: boolean;
41
- graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
42
- icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
41
+ graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | undefined;
42
+ icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | undefined;
43
43
  id: number;
44
44
  } & IconLabelProps & React.RefAttributes<HTMLDivElement>) | ({
45
45
  alignment?: "left" | "center" | "right" | undefined;
46
46
  onClick?: ((id: number) => void) | undefined;
47
47
  isSelected: boolean;
48
- graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
49
- icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | undefined;
48
+ graphic?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | undefined;
49
+ icon?: "catalog" | "socLogo" | "campaigns" | "gift" | "plus" | "minus" | "tenDoor" | "rightChevron" | "close" | "award" | "contact" | "multipleUsers2x" | "multipleUsers3x" | "information" | "hamburger" | "leftChevron" | "chevron" | "filterBy" | "groups" | "idCard" | "plusSquare" | "star" | "search" | "cart" | "priceTag" | "layer" | "loading" | "play" | "lock" | "user" | "noUsers" | "add" | "check" | "exclamation" | "envelope" | "userSuccess" | "image" | "imageSwap" | "text" | "color" | "template" | "redo" | "undo" | "copy" | "drag" | "delete" | "crop" | "alignLeft" | "alignRight" | "alignCenter" | "allPanel" | "fullBleed" | "fullBleedLandscape" | "fullBleedPortrait" | "sliderHorizontal" | "sliderVertical" | "cropRotate" | "frame" | "cut" | "wand" | "layerAdd" | "layerRemove" | "layerDisabled" | "signature" | "shadows" | "rotateLeft" | "rotateRight" | "colorPalette" | "dropper" | "textBox" | "fontSize" | "flipHorizontal" | "flipVertical" | "filter" | "brightness" | "aText" | "frameWidth" | "frameHeight" | "layerUp" | "layerDown" | "capitalizedText" | "uppercaseText" | "lowercaseText" | "fullBleedImage" | "fullBleedText" | "panelMode" | "viewPanels" | "rotate" | "view" | "replaceImage" | "quotation" | "facebook" | "instagram" | "twitter" | "linkedIn" | "youtube" | "pinterest" | "visible" | "invisible" | "elementIcon" | "complete" | "download" | "closeCircle" | "backgroundSettings" | "upload" | "stickers" | "clearPanel" | "viewCarousel" | "viewSinglePanel" | "editorText" | "layout" | "background" | "save" | "signaturePen" | "size" | "variable" | "imageUpload" | "squareCheck" | "userTag" | "map" | "mapLocation" | "location" | "creditCard" | "calendar" | "home" | "bag" | "swap" | undefined;
50
50
  id: number;
51
51
  } & IconTextLabelProps & React.RefAttributes<HTMLDivElement>)>;
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/stories/atoms/Icons.stories.d.ts CHANGED
@@ -101,6 +101,7 @@ export declare const Save: any;
101
101
  export declare const SignaturePen: any;
102
102
  export declare const Stickers: any;
103
103
  export declare const SquareCheck: any;
104
+ export declare const Swap: any;
104
105
  export declare const Template: any;
105
106
  export declare const TenDoor: any;
106
107
  export declare const Text: 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.76",
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",