@selfdecode/sd-component-library 2.46.6 → 2.46.9

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 (65) hide show
  1. package/lib/193805683b5b1e117aab667b99dc2e4d.svg +15 -0
  2. package/lib/components/buttons/cta/cta-button/interfaces.d.ts +1 -1
  3. package/lib/components/buttons/cta/primary-blue-button/interfaces.d.ts +1 -1
  4. package/lib/components/buttons/cta/primary-blue-button/primary-blue-button.d.ts +2 -2
  5. package/lib/components/buttons/cta/primary-orange-button/interfaces.d.ts +1 -1
  6. package/lib/components/buttons/cta/primary-text-button/interfaces.d.ts +1 -1
  7. package/lib/components/buttons/cta/primary-text-button/primary-text-button.d.ts +2 -2
  8. package/lib/components/buttons/cta/secondary-blue-button/interfaces.d.ts +1 -1
  9. package/lib/components/buttons/cta/secondary-orange-button/interfaces.d.ts +1 -1
  10. package/lib/components/buttons/index.d.ts +25 -0
  11. package/lib/components/complex/navbar/partials/navbar-v2/partials/interfaces.d.ts +12 -0
  12. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/index.d.ts +1 -0
  13. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/intefaces.d.ts +7 -0
  14. package/lib/components/complex/navbar/partials/navbar-v2/partials/navbar-desktop-v2/partials/navbar-item-without-menu/navbar-item-without-menu.d.ts +3 -0
  15. package/lib/components/complex/navbar/presentational/constants-v3.d.ts +1 -0
  16. package/lib/components/complex/updated-navbar/constants.d.ts +5 -5
  17. package/lib/components/containers/flex-center/flex-center.d.ts +1 -1
  18. package/lib/components/containers/grid-containers/grid-container-v2/grid-container-v2.d.ts +1 -1
  19. package/lib/components/icons/environment-icon/environment.svg +15 -0
  20. package/lib/components/icons/environment-icon/index.d.ts +1 -0
  21. package/lib/components/icons/index.d.ts +1 -0
  22. package/lib/components/icons/round-bordered-star/interfaces.d.ts +2 -0
  23. package/lib/components/meters/common-outline-meter-partials/index.d.ts +2 -0
  24. package/lib/components/meters/common-outline-meter-partials/label-pointer/index.d.ts +1 -0
  25. package/lib/components/meters/common-outline-meter-partials/label-pointer/interfaces.d.ts +10 -0
  26. package/lib/components/meters/common-outline-meter-partials/label-pointer/label-pointer.d.ts +3 -0
  27. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/index.d.ts +2 -0
  28. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/interfaces.d.ts +8 -0
  29. package/lib/components/meters/common-outline-meter-partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
  30. package/lib/components/meters/dashed-meter/interfaces.d.ts +1 -0
  31. package/lib/components/meters/index.d.ts +12 -0
  32. package/lib/components/meters/multi-option-discrete-outline-meter/constants.d.ts +1 -0
  33. package/lib/components/meters/multi-option-discrete-outline-meter/partials/discrete-meter-label-pointer/interfaces.d.ts +2 -9
  34. package/lib/components/meters/multi-option-discrete-outline-meter/partials/matched-range-label-box/interfaces.d.ts +2 -6
  35. package/lib/components/meters/multi-option-discrete-outline-meter/utils.d.ts +4 -0
  36. package/lib/components/meters/outline-meter/utils.d.ts +2 -1
  37. package/lib/components/meters/smiley-meter-v2/constants.d.ts +3 -0
  38. package/lib/components/meters/smiley-meter-v2/interfaces.d.ts +8 -14
  39. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/index.d.ts +1 -0
  40. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/interfaces.d.ts +8 -0
  41. package/lib/components/meters/smiley-meter-v2/partials/matched-range-label-box/matched-range-label-box.d.ts +3 -0
  42. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/index.d.ts +1 -0
  43. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/interfaces.d.ts +8 -0
  44. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-range/smiley-meter-range.d.ts +3 -0
  45. package/lib/components/meters/smiley-meter-v2/partials/smiley-meter-ranges/interfaces.d.ts +3 -3
  46. package/lib/components/meters/smiley-meter-v2/utils.d.ts +15 -0
  47. package/lib/components/progress-bars/line-progress-bar/interfaces.d.ts +2 -1
  48. package/lib/components/progress-bars/progress-bar/interfaces.d.ts +1 -1
  49. package/lib/components/selectors/index.d.ts +21 -0
  50. package/lib/components/selectors/primary-custom-scrollable-selector/index.d.ts +1 -0
  51. package/lib/components/selectors/primary-custom-scrollable-selector/interfaces.d.ts +5 -0
  52. package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/custom-scrollable-options-box.d.ts +2 -0
  53. package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/index.d.ts +1 -0
  54. package/lib/components/selectors/primary-custom-scrollable-selector/partials/custom-scrollable-options-box/interfaces.d.ts +4 -0
  55. package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/index.d.ts +1 -0
  56. package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/interfaces.d.ts +5 -0
  57. package/lib/components/selectors/primary-custom-scrollable-selector/partials/option-row/option-row.d.ts +2 -0
  58. package/lib/components/selectors/primary-custom-scrollable-selector/primary-custom-scrollable-selector.d.ts +2 -0
  59. package/lib/components/texts/responsive-text/interfaces.d.ts +1 -1
  60. package/lib/components/texts/responsive-text-v2/interfaces.d.ts +1 -1
  61. package/lib/components/tooltips/tooltip-with-pointer/interfaces.d.ts +4 -0
  62. package/lib/core/custom-hooks.d.ts +10 -1
  63. package/lib/index.d.ts +4 -56
  64. package/lib/index.js +1 -1
  65. package/package.json +1 -1
@@ -0,0 +1,15 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="34.594"
4
+ height="35.279"
5
+ viewBox="0 0 34.594 35.279"
6
+ >
7
+ <path
8
+ d="M25.735,32.908a19.412,19.412,0,0,1-3.72-2.553c-1.238-.932-1.179-2.021-1.179-3.394.97.035,2.349-.268,2.992.505.2.246.9,1.345,1.369.955.379-.32-.283-1.6-.412-1.895-.4-.925.9-1.286,1.564-1.912.865-.819,2.721-2.1,2.574-2.688s-1.857-2.247-2.856-1.984c-.15.039-1.477,1.429-1.732,1.642.006-.453.014-.907.02-1.36,0-.287-.534-.581-.505-.765.063-.467,1.363-1.314,1.686-1.686-.226-.141-1-.806-1.233-.707-.566.236-1.206.4-1.768.632a3.649,3.649,0,0,0-.052-.563A13.923,13.923,0,0,1,26.057,16.1l1.112.447.786.932.783.808.685.221,1.088-1.026-.284-.734v-.659a13.922,13.922,0,0,1,5.962,2.352c-.318.029-.668.076-1.062.126a3.556,3.556,0,0,0-.549-.207c.515,1.109,1.053,2.2,1.6,3.3.584,1.168,1.878,2.421,2.106,3.656a26.917,26.917,0,0,1,.189,3.774.436.436,0,0,0,.552.4c3.621-1.21,4.9-5.735,2.453-9.068A16.412,16.412,0,1,0,22.763,45.507,1.164,1.164,0,0,0,24.3,44.357v-.025a1.165,1.165,0,0,0-.795-1.052,14.062,14.062,0,0,1-6.047-22.4,15.577,15.577,0,0,1,.159,1.909c-.126,1.878-.315,3.054.784,4.64a7.67,7.67,0,0,1,.741,2.217c.2.7,1.018,1.066,1.58,1.5,1.137.869,2.218,1.88,3.421,2.644.793.505,1.288.758,1.056,1.724a6.126,6.126,0,0,1-.642,1.952,3.928,3.928,0,0,0,.339,1.148,11.817,11.817,0,0,1,3.567-5.807c-.908.03-2.019.413-2.732.1"
9
+ transform="translate(-11.752 -13.596)"
10
+ />
11
+ <path
12
+ d="M41.973,27.31a1.471,1.471,0,0,0-1.926-.8,1.44,1.44,0,0,0-.729.657,4.851,4.851,0,0,1-4.225,2.471H32.377a7.442,7.442,0,0,0-7.434,7.435.947.947,0,1,0,1.895,0,5.546,5.546,0,0,1,5.539-5.54H35.1a6.744,6.744,0,0,0,5.423-2.746,11.229,11.229,0,0,1,.642,3.769c0,5.464-3.431,9.678-8.19,10.023a5.557,5.557,0,0,1-4.593-1.689A14.284,14.284,0,0,1,36.108,36.5a.947.947,0,0,0-.435-1.844C27.228,36.647,24.835,42.53,24.3,44.284a.947.947,0,1,0,1.813.551,10.419,10.419,0,0,1,1.127-2.416,7.433,7.433,0,0,0,5.128,2.089,7.135,7.135,0,0,0,.769-.042c5.746-.417,9.916-5.425,9.916-11.91a13.116,13.116,0,0,0-1.081-5.246"
13
+ transform="translate(-8.46 -10.227)"
14
+ />
15
+ </svg>
@@ -2,4 +2,4 @@ import { ButtonProps } from "../../button";
2
2
  /**
3
3
  * Additional props we want to add
4
4
  */
5
- export declare type CtaButtonProps = Pick<ButtonProps, "link" | "isInternal" | "scrollTo" | "width" | "height" | "history" | "onClick" | "children" | "disabled" | "color" | "bg" | "borderColor" | "borderWidth" | "borderRadius" | "hoverBorderColor" | "hoverColor" | "hoverBg" | "v1" | "transition" | "m" | "mt" | "mr" | "mb" | "ml" | "padding" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "letterSpacing" | "sx">;
5
+ export declare type CtaButtonProps = Omit<ButtonProps, "variant" | "borderStyle" | "hoverBorderStyle">;
@@ -1,2 +1,2 @@
1
1
  import { CtaButtonProps } from "../cta-button";
2
- export declare type PrimaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "sx">;
2
+ export declare type PrimaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import { PrimaryBlueButtonProps } from "./interfaces";
2
+ import { PrimaryBlueButtonProps as Props } from "./interfaces";
3
3
  /**
4
4
  * The primary button.
5
5
  */
6
- export declare const PrimaryBlueButton: React.FunctionComponent<PrimaryBlueButtonProps>;
6
+ export declare const PrimaryBlueButton: React.FC<Props>;
@@ -1,2 +1,2 @@
1
1
  import { CtaButtonProps } from "../cta-button";
2
- export declare type PrimaryOrangeButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps">;
2
+ export declare type PrimaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverColor" | "hoverBg">;
@@ -1,2 +1,2 @@
1
1
  import { CtaButtonProps } from "../cta-button";
2
- export declare type PrimaryTextButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "color" | "borderRadius" | "m" | "mt" | "mr" | "mb" | "ml" | "height" | "padding" | "loading" | "loadingIconProps" | "letterSpacing">;
2
+ export declare type PrimaryTextButtonProps = Omit<CtaButtonProps, "borderWidth" | "bg" | "hoverBg">;
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
- import { PrimaryTextButtonProps } from "./interfaces";
2
+ import { PrimaryTextButtonProps as Props } from "./interfaces";
3
3
  /**
4
4
  * The primary button.
5
5
  */
6
- export declare const PrimaryTextButton: React.FunctionComponent<PrimaryTextButtonProps>;
6
+ export declare const PrimaryTextButton: React.FC<Props>;
@@ -1,2 +1,2 @@
1
1
  import { CtaButtonProps } from "../cta-button";
2
- export declare type SecondaryBlueButtonProps = Pick<CtaButtonProps, "children" | "disabled" | "history" | "link" | "isInternal" | "onClick" | "scrollTo" | "width" | "height" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps" | "minWidth" | "maxWidth" | "minHeight" | "maxHeight" | "sx">;
2
+ export declare type SecondaryBlueButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;
@@ -1,2 +1,2 @@
1
1
  import { CtaButtonProps } from "../cta-button";
2
- export declare type SecondaryOrangeButtonProps = Pick<CtaButtonProps, "link" | "isInternal" | "children" | "disabled" | "history" | "onClick" | "scrollTo" | "height" | "width" | "borderRadius" | "v1" | "m" | "mt" | "mr" | "mb" | "ml" | "loading" | "loadingIconProps">;
2
+ export declare type SecondaryOrangeButtonProps = Omit<CtaButtonProps, "borderColor" | "color" | "bg" | "hoverBorderColor" | "hoverBg">;
@@ -0,0 +1,25 @@
1
+ import { ButtonProps } from "./button";
2
+ import { CtaButtonProps } from "./cta/cta-button";
3
+ import { TextCtaButtonProps } from "./cta/text-cta-button";
4
+ export { Button } from "../buttons/button";
5
+ export type { ButtonProps };
6
+ export { CtaButton } from "../buttons/cta/cta-button";
7
+ export type { CtaButtonProps };
8
+ export { TextCtaButton } from "../buttons/cta/text-cta-button";
9
+ export type { TextCtaButtonProps };
10
+ export { PrimaryBlueButton } from "../buttons/cta/primary-blue-button";
11
+ export { PrimaryOrangeButton } from "../buttons/cta/primary-orange-button";
12
+ export { SecondaryBlueButton } from "../buttons/cta/secondary-blue-button";
13
+ export { SecondaryOrangeButton } from "../buttons/cta/secondary-orange-button";
14
+ export { PrimaryTextButton } from "../buttons/cta/primary-text-button";
15
+ export { GoToButton } from "../buttons/partials/goto-button";
16
+ export { NextButton } from "../buttons/cta/next-button";
17
+ export { ShareButton } from "../buttons/cta/share-button";
18
+ export { IconButton } from "../buttons/partials/icon-button";
19
+ export { TickButton } from "../buttons/partials/tick-button";
20
+ export { CrossButton } from "../buttons/partials/cross-button";
21
+ export { PoweredByGreyLogoButton } from "../buttons/logos/powered-by-grey-logo";
22
+ export { PoweredByWhiteLogoButton } from "../buttons/logos/powered-by-white-logo";
23
+ export { RadioInfoButton } from "../buttons/radio-info-button";
24
+ export { RoundIconButton } from "../buttons/round-icon-button";
25
+ export { NavbarLogoButton } from "../buttons/logos/navbar-logo";
@@ -42,6 +42,18 @@ export declare type NavItem = {
42
42
  * Whether weglot should translate text
43
43
  */
44
44
  dontTranslate?: boolean;
45
+ /**
46
+ * The url of the link. It should be set to undefined
47
+ * when it has children NavMenuItems
48
+ */
49
+ url?: string;
50
+ /**
51
+ * Flag to decide if the URL is internal.
52
+ *
53
+ * It means the url points to some page within the react app
54
+ * and react router's `Link` can be used to navigate to that page.
55
+ */
56
+ isInternal?: boolean;
45
57
  };
46
58
  export declare type NavMenuItem = {
47
59
  /**
@@ -0,0 +1 @@
1
+ export { NavbarItemWithoutMenu } from "./navbar-item-without-menu";
@@ -0,0 +1,7 @@
1
+ import { NavItem } from "../../../interfaces";
2
+ export interface NavbarItemWithMenuProps {
3
+ /**
4
+ * The navItem to be rendered
5
+ */
6
+ item: NavItem;
7
+ }
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { NavbarItemWithMenuProps } from "./intefaces";
3
+ export declare const NavbarItemWithoutMenu: React.FC<NavbarItemWithMenuProps>;
@@ -1,5 +1,6 @@
1
1
  import { NavItem } from "../partials/navbar-v2/partials/interfaces";
2
2
  export declare const getgeneticsNavItem: (isPractitioner: boolean) => NavItem;
3
3
  export declare const labsNavItem: NavItem;
4
+ export declare const lifestyleAnalyzerNavItem: NavItem;
4
5
  export declare const getMyAccountNavItem: (isPractitioner: boolean, onLogout?: (() => void) | undefined) => NavItem;
5
6
  export declare const getLanguageNavItem: (selectedLangCode: string, langCodes: string[], onLanguageSwitch: (langCode: string) => void) => NavItem;
@@ -26,7 +26,7 @@ export declare const legacyToolsItem: {
26
26
  url?: undefined;
27
27
  })[];
28
28
  };
29
- export declare const myAccountItem: {
29
+ export declare const getMyAccountItem: (isProfessional?: boolean, isLegacy?: boolean) => {
30
30
  Icon: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
31
31
  title?: string | undefined;
32
32
  }>;
@@ -42,10 +42,6 @@ export declare const myAccountItem: {
42
42
  })[];
43
43
  };
44
44
  export declare const regularUserItems: ({
45
- title: string;
46
- url: string;
47
- items?: undefined;
48
- } | {
49
45
  title: string;
50
46
  items: ({
51
47
  title: string;
@@ -56,4 +52,8 @@ export declare const regularUserItems: ({
56
52
  title: string;
57
53
  })[];
58
54
  url?: undefined;
55
+ } | {
56
+ title: string;
57
+ url: string;
58
+ items?: undefined;
59
59
  })[];
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { FlexProps } from "rebass";
3
- export declare const FlexCenter: React.ForwardRefExoticComponent<Pick<FlexProps, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontSize" | "color" | "bg" | "opacity" | "order" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignContent" | "alignItems" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf"> & React.RefAttributes<HTMLDivElement>>;
3
+ export declare const FlexCenter: React.ForwardRefExoticComponent<Pick<FlexProps, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "height" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontSize" | "color" | "bg" | "opacity" | "order" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignContent" | "alignItems" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "justifyContent" | "justifyItems" | "justifySelf"> & React.RefAttributes<HTMLDivElement>>;
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { GridContainerV2Props as Props } from "./interfaces";
3
- export declare const GridContainerV2: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontSize" | "color" | "bg" | "opacity" | "order" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignContent" | "alignItems" | "flexDirection" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "gap"> & React.RefAttributes<HTMLDivElement>>;
3
+ export declare const GridContainerV2: React.ForwardRefExoticComponent<Pick<Props, "flex" | "cite" | "data" | "form" | "label" | "p" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "width" | "height" | "backgroundColor" | "px" | "py" | "m" | "mt" | "mr" | "mb" | "ml" | "onChange" | "hidden" | "sizes" | "content" | "variant" | "tx" | "as" | "css" | "key" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "paddingX" | "paddingY" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontSize" | "color" | "bg" | "opacity" | "order" | "alignSelf" | "sx" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "value" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alignContent" | "alignItems" | "flexDirection" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "gap"> & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,15 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="34.594"
4
+ height="35.279"
5
+ viewBox="0 0 34.594 35.279"
6
+ >
7
+ <path
8
+ d="M25.735,32.908a19.412,19.412,0,0,1-3.72-2.553c-1.238-.932-1.179-2.021-1.179-3.394.97.035,2.349-.268,2.992.505.2.246.9,1.345,1.369.955.379-.32-.283-1.6-.412-1.895-.4-.925.9-1.286,1.564-1.912.865-.819,2.721-2.1,2.574-2.688s-1.857-2.247-2.856-1.984c-.15.039-1.477,1.429-1.732,1.642.006-.453.014-.907.02-1.36,0-.287-.534-.581-.505-.765.063-.467,1.363-1.314,1.686-1.686-.226-.141-1-.806-1.233-.707-.566.236-1.206.4-1.768.632a3.649,3.649,0,0,0-.052-.563A13.923,13.923,0,0,1,26.057,16.1l1.112.447.786.932.783.808.685.221,1.088-1.026-.284-.734v-.659a13.922,13.922,0,0,1,5.962,2.352c-.318.029-.668.076-1.062.126a3.556,3.556,0,0,0-.549-.207c.515,1.109,1.053,2.2,1.6,3.3.584,1.168,1.878,2.421,2.106,3.656a26.917,26.917,0,0,1,.189,3.774.436.436,0,0,0,.552.4c3.621-1.21,4.9-5.735,2.453-9.068A16.412,16.412,0,1,0,22.763,45.507,1.164,1.164,0,0,0,24.3,44.357v-.025a1.165,1.165,0,0,0-.795-1.052,14.062,14.062,0,0,1-6.047-22.4,15.577,15.577,0,0,1,.159,1.909c-.126,1.878-.315,3.054.784,4.64a7.67,7.67,0,0,1,.741,2.217c.2.7,1.018,1.066,1.58,1.5,1.137.869,2.218,1.88,3.421,2.644.793.505,1.288.758,1.056,1.724a6.126,6.126,0,0,1-.642,1.952,3.928,3.928,0,0,0,.339,1.148,11.817,11.817,0,0,1,3.567-5.807c-.908.03-2.019.413-2.732.1"
9
+ transform="translate(-11.752 -13.596)"
10
+ />
11
+ <path
12
+ d="M41.973,27.31a1.471,1.471,0,0,0-1.926-.8,1.44,1.44,0,0,0-.729.657,4.851,4.851,0,0,1-4.225,2.471H32.377a7.442,7.442,0,0,0-7.434,7.435.947.947,0,1,0,1.895,0,5.546,5.546,0,0,1,5.539-5.54H35.1a6.744,6.744,0,0,0,5.423-2.746,11.229,11.229,0,0,1,.642,3.769c0,5.464-3.431,9.678-8.19,10.023a5.557,5.557,0,0,1-4.593-1.689A14.284,14.284,0,0,1,36.108,36.5a.947.947,0,0,0-.435-1.844C27.228,36.647,24.835,42.53,24.3,44.284a.947.947,0,1,0,1.813.551,10.419,10.419,0,0,1,1.127-2.416,7.433,7.433,0,0,0,5.128,2.089,7.135,7.135,0,0,0,.769-.042c5.746-.417,9.916-5.425,9.916-11.91a13.116,13.116,0,0,0-1.081-5.246"
13
+ transform="translate(-8.46 -10.227)"
14
+ />
15
+ </svg>
@@ -0,0 +1 @@
1
+ export { ReactComponent as EnvironmentIcon } from "./environment.svg";
@@ -17,3 +17,4 @@ export { StarIcon } from "./star-icon";
17
17
  export { VialIcon } from "./vial-icon";
18
18
  export { WarningCircleIcon } from "./warning-circle-icon";
19
19
  export { TriangularPointerIcon } from "./triangular-pointer-icon";
20
+ export { EnvironmentIcon } from "./environment-icon";
@@ -1,4 +1,6 @@
1
+ import { SxProps } from "rebass";
1
2
  export interface RoundBorderedStarProps {
3
+ sx?: SxProps["sx"];
2
4
  /**
3
5
  * Icon size (20px by default)
4
6
  */
@@ -0,0 +1,2 @@
1
+ export * from "./matched-range-label-box";
2
+ export * from "./label-pointer";
@@ -0,0 +1 @@
1
+ export { LabelPointer } from "./label-pointer";
@@ -0,0 +1,10 @@
1
+ export interface LabelPointerProps {
2
+ pointerLength: number;
3
+ pointerWidth: number;
4
+ radius: number;
5
+ alpha: number;
6
+ color: string;
7
+ label?: string;
8
+ textBottomMargin: number;
9
+ horizontal?: boolean;
10
+ }
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { LabelPointerProps as Props } from "./interfaces";
3
+ export declare const LabelPointer: React.FC<Props>;
@@ -0,0 +1,2 @@
1
+ export { MatchedRangeLabelBox } from "./matched-range-label-box";
2
+ export type { MatchedRangeLabelBoxProps } from "./interfaces";
@@ -0,0 +1,8 @@
1
+ export interface MatchedRangeLabelBoxProps {
2
+ alpha: number;
3
+ color: string;
4
+ radius: number;
5
+ label?: string;
6
+ pointerLength: number;
7
+ horizontal?: boolean;
8
+ }
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { MatchedRangeLabelBoxProps as Props } from "./interfaces";
3
+ export declare const MatchedRangeLabelBox: React.FC<Props>;
@@ -14,4 +14,5 @@ export interface DashedMeterProps extends BaseComponentProps, Pick<BaseGridConta
14
14
  dashHeight?: string;
15
15
  verticalDashHeight?: string;
16
16
  dashBorderRadius?: string;
17
+ activeColor?: string;
17
18
  }
@@ -0,0 +1,12 @@
1
+ export * from "./smiley-meter-v2";
2
+ export * from "./smiley-meter";
3
+ export * from "./people-meter";
4
+ export * from "./outline-meter";
5
+ export * from "./multi-option-discrete-outline-meter";
6
+ export * from "./multicolor-outline-meter";
7
+ export * from "./gradient-outline-meter";
8
+ export * from "./discrete-outline-meter";
9
+ export * from "./dashed-meter";
10
+ export * from "./continuous-outline-meter";
11
+ export * from "./base-outline-meter";
12
+ export * from "./bars-meter";
@@ -1 +1,2 @@
1
1
  export declare const defaultPointerWidth = 1;
2
+ export declare const defaultTextBottomMargin = 13;
@@ -1,10 +1,3 @@
1
- export interface DiscreteMeterLabelPointerProps {
2
- pointerLength: number;
3
- pointerWidth: number;
4
- radius: number;
5
- alpha: number;
6
- color: string;
7
- label?: string;
8
- textBottomMargin: number;
9
- horizontal?: boolean;
1
+ import { LabelPointerProps } from "../../../common-outline-meter-partials/label-pointer/interfaces";
2
+ export interface DiscreteMeterLabelPointerProps extends LabelPointerProps {
10
3
  }
@@ -1,10 +1,6 @@
1
+ import { MatchedRangeLabelBoxProps as BaseProps } from "../../../common-outline-meter-partials";
1
2
  import { MultiOptionDiscreteOutlineMeterProps } from "../../interfaces";
2
- export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc">> {
3
- color: string;
4
- radius: number;
5
- label?: string;
3
+ export interface MatchedRangeLabelBoxProps<T = string> extends Required<Pick<MultiOptionDiscreteOutlineMeterProps<T>, "distanceBetweenRanges" | "arc">>, Omit<BaseProps, "alpha"> {
6
4
  idx: number;
7
5
  totalRanges: number;
8
- pointerLength: number;
9
- horizontal?: boolean;
10
6
  }
@@ -0,0 +1,4 @@
1
+ export declare const getRangeProperties: (arc: number, totalRanges: number, distanceBetweenRanges: number, idx: number) => {
2
+ rangeArcStart: number;
3
+ rangeArcEnd: number;
4
+ };
@@ -1,4 +1,4 @@
1
- import { Bounds } from "./interfaces";
1
+ import { Bounds, OutlineMeterRangeConfig } from "./interfaces";
2
2
  export declare const degToRad: (deg: number) => number;
3
3
  /**
4
4
  * Returns coordinates of the point on the arc
@@ -27,3 +27,4 @@ export declare const getInnerY: (y: number, alpha: number, delta: number) => num
27
27
  export declare const isValueInRange: (value: number, start: number, end: number, bounds: Bounds) => boolean;
28
28
  export declare const inValueHigherThanRange: (value: number, end: number, bounds: Bounds) => boolean;
29
29
  export declare const flipBounds: (bounds: Bounds) => Bounds;
30
+ export declare const isCorrectOutlineMeterConfig: (value: number, ranges: OutlineMeterRangeConfig[]) => boolean;
@@ -1,6 +1,8 @@
1
+ import React from "react";
1
2
  /**
2
3
  * Large Smiley meter v2 default values.
3
4
  */
5
+ import { SmileyGaugeColor } from "./utils";
4
6
  export declare const defaultDistanceBetweenRanges = 10;
5
7
  export declare const defaultSmileyWidth = 80;
6
8
  export declare const defaultSmileyTopOffset = 80;
@@ -14,3 +16,4 @@ export declare const smallSmileyTopOffset = 35;
14
16
  export declare const smallSmileyInnerPointStrokeWidth = 3;
15
17
  export declare const smallSmileyInnerPointRadius = 2;
16
18
  export declare const smallSmileyGaugeWidth = 4;
19
+ export declare const COLOR_TO_ICON_MAP: Map<SmileyGaugeColor, React.ReactNode>;
@@ -1,21 +1,10 @@
1
- import { OutlineMeterProps } from "../outline-meter";
2
- export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "counterClockWise" | "maskBorderRadius" | "cursor"> {
3
- /**
4
- * Colors for smiley corresponding to state.
5
- */
6
- colorsMap?: [string, string, string];
7
- /**
8
- * Colors for labels.
9
- */
10
- labelsMap?: [string, string, string];
1
+ import { OutlineMeterProps, OutlineMeterRangeConfig } from "../outline-meter";
2
+ import { SmileyGaugeColor } from "./utils";
3
+ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "height" | "value" | "gaugeWidth" | "arc" | "marginTop" | "marginX" | "pointStrokeWidth" | "innerPointRadius" | "distanceBetweenRanges" | "distanceFromLabelToRanges" | "maskBorderRadius" | "cursor" | "ranges" | "segmented"> {
11
4
  /**
12
5
  * Whether to hide labels.
13
6
  */
14
7
  hideLabels?: boolean;
15
- /**
16
- * Value that splits smiley meter outline.
17
- */
18
- splitValues?: [number, number];
19
8
  /**
20
9
  * Smiley width.
21
10
  */
@@ -24,5 +13,10 @@ export interface SmileyMeterV2Props extends Pick<OutlineMeterProps, "width" | "h
24
13
  * Distance from smiley to the top.
25
14
  */
26
15
  smileyTopOffset?: number;
16
+ pointerWidth?: number;
17
+ textBottomMargin?: number;
27
18
  }
28
19
  export declare type SmallSmileyMeterV2Props = SmileyMeterV2Props;
20
+ export interface SmileyMeterRange extends Omit<OutlineMeterRangeConfig, "color"> {
21
+ color: SmileyGaugeColor;
22
+ }
@@ -0,0 +1 @@
1
+ export { MatchedRangeLabelBox } from "./matched-range-label-box";
@@ -0,0 +1,8 @@
1
+ import { MatchedRangeLabelBoxProps as BaseProps } from "../../../common-outline-meter-partials";
2
+ import { SmileyMeterRange, SmileyMeterV2Props } from "../../interfaces";
3
+ export interface MatchedRangeBoxProps extends Required<Pick<SmileyMeterV2Props, "arc" | "distanceBetweenRanges">>, Omit<BaseProps, "alpha" | "color" | "label" | "radius"> {
4
+ diameter: number;
5
+ totalRanges: number;
6
+ idx: number;
7
+ range: SmileyMeterRange;
8
+ }
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { MatchedRangeBoxProps as Props } from "./interfaces";
3
+ export declare const MatchedRangeLabelBox: React.FC<Props>;
@@ -0,0 +1 @@
1
+ export { SmileyMeterRange } from "./smiley-meter-range";
@@ -0,0 +1,8 @@
1
+ import { SmileyMeterRange } from "../../interfaces";
2
+ import { SmileyMeterRangesProps } from "../smiley-meter-ranges/interfaces";
3
+ export interface SmileyMeterRangeProps extends SmileyMeterRange, Omit<SmileyMeterRangesProps, "ranges"> {
4
+ pointerLength: number;
5
+ totalRanges: number;
6
+ idx: number;
7
+ isMatchedRange: boolean;
8
+ }
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { SmileyMeterRangeProps as Props } from "./interfaces";
3
+ export declare const SmileyMeterRange: React.FC<Props>;
@@ -1,5 +1,5 @@
1
- import { OutlineMeterRangeConfig } from "../../../outline-meter";
2
1
  import { OutlineMeterRangeProps } from "../../../outline-meter/partials/outline-meter-range/interfaces";
3
- export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels"> {
4
- ranges: OutlineMeterRangeConfig[];
2
+ import { SmileyMeterRange, SmileyMeterV2Props } from "../../interfaces";
3
+ export interface SmileyMeterRangesProps extends Pick<OutlineMeterRangeProps, "value" | "diameter" | "innerPointRadius" | "pointStrokeWidth" | "distanceFromRanges" | "arc" | "gaugeWidth" | "distanceBetweenRanges" | "hideLabels" | "segmented">, Required<Pick<SmileyMeterV2Props, "pointerWidth" | "textBottomMargin">> {
4
+ ranges: SmileyMeterRange[];
5
5
  }
@@ -0,0 +1,15 @@
1
+ import { OutlineMeterRangeConfig } from "../outline-meter";
2
+ import { SmileyMeterRange } from "./interfaces";
3
+ export declare enum SmileyGaugeColor {
4
+ GREEN = "#00B466",
5
+ ORANGE = "#FF9900",
6
+ RED = "#FF0000"
7
+ }
8
+ export declare const areColorsValid: (ranges: OutlineMeterRangeConfig[]) => boolean;
9
+ export declare const isCorrectSmileyMeterConfig: (value: number, ranges: OutlineMeterRangeConfig[]) => ranges is SmileyMeterRange[];
10
+ export declare const getRangeProperties: (arc: number, totalRanges: number, distanceBetweenRanges: number, idx: number, start: number, end: number) => {
11
+ rangeArcStart: number;
12
+ rangeArcEnd: number;
13
+ rangeArcMiddle: number;
14
+ };
15
+ export declare const getIsHorizontal: (range: SmileyMeterRange) => boolean;
@@ -1,2 +1,3 @@
1
1
  import { ProgressBarProps } from "../progress-bar";
2
- export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml">;
2
+ import { BackgroundColorProps } from "../progress-bar/interfaces";
3
+ export declare type LineProgressBarProps = Pick<ProgressBarProps, "totalSteps" | "currentStep" | "m" | "mt" | "mr" | "mb" | "ml"> & Pick<BackgroundColorProps, "completedColor" | "reaminsColor">;
@@ -31,7 +31,7 @@ interface BackgroundProps {
31
31
  * The following props are used if we just want to provide some color to the
32
32
  * background of progress bar and don't want additional effects.
33
33
  */
34
- interface BackgroundColorProps {
34
+ export interface BackgroundColorProps {
35
35
  withBackgroundProps?: false;
36
36
  /**
37
37
  * The color of the completed part of our progress.
@@ -0,0 +1,21 @@
1
+ import { BaseCompactSelectorProps, BaseSelectorProps, SelectorOptionType } from "../../interfaces";
2
+ export type { SelectorOptionType as SelectorOption };
3
+ export { Selector } from "./selector";
4
+ export type { BaseSelectorProps as SelectorProps };
5
+ export { TertiarySelector } from "./tertiary-selector";
6
+ export { PrimarySelector } from "./primary-selector";
7
+ export { SecondarySelector } from "./secondary-selector";
8
+ export { CompactPrimarySelector } from "./compact-primary-selector";
9
+ export declare type CompactPrimarySelectorProps<T extends string = string> = BaseCompactSelectorProps<T>;
10
+ export { CustomSelector } from "./custom-selector";
11
+ export { SecondaryCustomSelector } from "./secondary-custom-selector";
12
+ export { TertiaryCustomSelector } from "./tertiary-custom-selector";
13
+ export { CombinedSecondaryCustomSelector } from "./combined-secondary-custom-selector";
14
+ export { SelectorV2 } from "./selector-v2";
15
+ export type { SelectorV2Props, SelectorOptionV2 } from "./selector-v2";
16
+ export { TertiarySelectorV2 } from "./tertiary-selector-v2";
17
+ export { SecondarySelectorV2 } from "./secondary-selector-v2";
18
+ export { PrimarySelectorV2 } from "./primary-selector-v2";
19
+ export { CombinedSecondarySelectorV2 } from "./combined-secondary-selector-v2";
20
+ export { CustomScrollableSelector } from "./custom-scrollable-selector";
21
+ export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";
@@ -0,0 +1 @@
1
+ export { PrimaryCustomScrollableSelector } from "./primary-custom-scrollable-selector";