@ultraviolet/plus 0.15.0 → 0.15.1

package/dist/components/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,14 @@
+import { langs } from '@uiw/codemirror-extensions-langs';
+import CodeMirror from '@uiw/react-codemirror';
+import type { ComponentProps } from 'react';
+type CodeEditorProps = {
+    title?: string;
+    value: string;
+    onChange: ComponentProps<typeof CodeMirror>['onChange'];
+    extensions: keyof typeof langs;
+    onBlur?: () => void;
+    height?: string;
+    readOnly?: boolean;
+};
+export declare const CodeEditor: ({ title, value, onChange, extensions, onBlur, height, readOnly, }: CodeEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CodeEditor/CodeEditor.js

@@ -0,0 +1,43 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { langs } from "@uiw/codemirror-extensions-langs";
+import { material } from "@uiw/codemirror-theme-material";
+import CodeMirror from "@uiw/react-codemirror";
+import { Text } from "@ultraviolet/ui";
+const StyledText = styled(Text)`
+  background-color: ${({ theme }) => theme.colors.neutral.backgroundStrong};
+  padding: ${({ theme }) => `${theme.space["1"]} ${theme.space["2"]}`};
+  border-radius: ${({ theme }) => theme.radii.default};
+  width: 100%;
+`;
+const CodeEditor = ({
+  title,
+  value,
+  onChange,
+  extensions = "javascript",
+  onBlur,
+  height,
+  readOnly
+}) => /* @__PURE__ */ jsxs("div", { children: [
+  title ? /* @__PURE__ */ jsx(StyledText, { as: "h3", variant: "headingSmall", children: title }) : null,
+  /* @__PURE__ */ jsx(
+    CodeMirror,
+    {
+      readOnly,
+      width: "100%",
+      height,
+      theme: material,
+      onChange,
+      value,
+      extensions: [langs[extensions]()],
+      onBlur,
+      basicSetup: {
+        highlightActiveLine: false,
+        highlightActiveLineGutter: false
+      }
+    }
+  )
+] });
+export {
+  CodeEditor
+};

package/dist/components/CodeEditor/index.d.ts

@@ -0,0 +1 @@
+export { CodeEditor } from './CodeEditor';

package/dist/components/ContentCard/Skeleton.d.ts

@@ -0,0 +1,5 @@
+type SkeletonProps = {
+    direction: 'row' | 'column';
+};
+export declare const Skeleton: ({ direction }: SkeletonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ContentCard/Skeleton.js

@@ -0,0 +1,34 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Skeleton as Skeleton$1, Stack } from "@ultraviolet/ui";
+const SkeletonImage = styled(Skeleton$1, {
+  shouldForwardProp: (prop) => !["height", "width", "direction"].includes(prop)
+})`
+  border-radius: ${({ theme, direction }) => `${direction === "column" ? `${theme.radii.default} ${theme.radii.default} 0 0` : `${theme.radii.default} 0 0 ${theme.radii.default}`}`};
+  width: ${({ width }) => width};
+  height: ${({ height }) => height};
+`;
+const StyledStack = styled(Stack)`
+  padding: ${({ theme }) => theme.space["3"]};
+`;
+const Skeleton = ({ direction }) => /* @__PURE__ */ jsxs(Stack, { direction, children: [
+  /* @__PURE__ */ jsx(
+    SkeletonImage,
+    {
+      variant: "square",
+      height: direction === "column" ? "120px" : "unset",
+      width: direction === "row" ? "220px" : void 0,
+      direction
+    }
+  ),
+  /* @__PURE__ */ jsxs(StyledStack, { gap: 2, children: [
+    /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+    /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+    /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+    /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" }),
+    /* @__PURE__ */ jsx(Skeleton$1, { variant: "line" })
+  ] })
+] });
+export {
+  Skeleton
+};

package/dist/components/ContentCard/index.d.ts

@@ -0,0 +1,33 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+type ContentCardProps = {
+    direction?: 'row' | 'column';
+    /**
+     * The image to display at the top of the card (if direction is column) or to the left of the card (if direction is row).
+     * By default, the image will be cropped to fit the card.
+     */
+    image?: string;
+    /**
+     * The icon the second element of the card to be displayed after the image. We allow any ReactNode but recommend
+     * using `<ProductIcon>` from `@ultraviolet/icons`.
+     */
+    icon?: ReactNode;
+    subtitle?: string;
+    title: string;
+    description?: string;
+    children?: ReactNode;
+    /**
+     * The href to link the card to. If not provided, the card will not be clickable.
+     */
+    href?: HTMLAnchorElement['href'];
+    target?: HTMLAnchorElement['target'];
+    onClick?: MouseEventHandler<HTMLElement>;
+    loading?: boolean;
+    className?: string;
+};
+/**
+ * ContentCard is a component that displays a title, subtitle, description, image and icon in a card.
+ * It can take different directions to display the image and the content. You can also add more content
+ * by passing children.
+ */
+export declare const ContentCard: import("react").ForwardRefExoticComponent<ContentCardProps & import("react").RefAttributes<HTMLAnchorElement & HTMLButtonElement & HTMLDivElement>>;
+export {};

package/dist/components/ContentCard/index.js

@@ -0,0 +1,158 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { css } from "@emotion/react";
+import styled from "@emotion/styled";
+import { Stack, Text, Icon } from "@ultraviolet/ui";
+import { forwardRef, useRef, useState, useMemo, useEffect } from "react";
+import { Skeleton } from "./Skeleton.js";
+const activeStyle = (theme) => css`
+  &:hover {
+    border: 1px solid ${theme.colors.primary.borderHover};
+    box-shadow: ${theme.shadows.defaultShadow};
+    cursor: pointer;
+  }
+`;
+const Card = styled.div`
+  display: block;
+  text-align: left;
+  padding: 0;
+  color: ${({ theme }) => theme.colors.neutral.text};
+  text-decoration: none;
+  border: 1px solid ${({ theme }) => theme.colors.neutral.border};
+  border-radius: ${({ theme }) => theme.radii.default};
+  background: ${({ theme }) => theme.colors.neutral.background};
+  ${({ onClick, href, theme }) => onClick || href ? activeStyle(theme) : null};
+  overflow-wrap: break-word;
+`;
+const IconContainer = styled.div`
+  display: flex;
+  width: fit-content;
+  background: ${({ theme }) => theme.colors.neutral.backgroundWeak};
+  padding: ${({ theme }) => theme.space["1"]};
+  border-radius: ${({ theme }) => theme.radii.default};
+`;
+const StyledIconStack = styled(Stack, {
+  shouldForwardProp: (prop) => prop !== "direction"
+})`
+  padding: ${({ theme, direction }) => direction === "column" ? `0 ${theme.space["3"]} ${theme.space["3"]} ${theme.space["3"]}` : `${theme.space["3"]} ${theme.space["3"]} ${theme.space["3"]} 0`};
+`;
+const SubContainer = styled(Stack, {
+  shouldForwardProp: (prop) => !["direction", "href"].includes(prop)
+})`
+  padding: ${({ theme, direction }) => direction === "column" ? `${theme.space["3"]} ${theme.space["3"]} 0 ${theme.space["3"]}` : `${theme.space["3"]} 0 ${theme.space["3"]} ${theme.space["3"]}`};
+  padding: ${({ theme, href }) => !href ? `${theme.space["3"]}` : null};
+  height: fit-content;
+`;
+const Image = styled("img", {
+  shouldForwardProp: (prop) => !["direction", "subContainerHeight"].includes(prop)
+})`
+  object-fit: cover;
+  border-radius: ${({ theme, direction }) => `${direction === "column" ? `${theme.radii.default} ${theme.radii.default} 0 0` : `${theme.radii.default} 0 0 ${theme.radii.default}`}`};
+  ${({ direction, subContainerHeight }) => direction === "row" ? `max-height: ${subContainerHeight}px` : null}
+`;
+const FullHeightStack = styled(Stack)`
+  height: 100%;
+`;
+const ContentCard = forwardRef(
+  ({
+    image,
+    direction = "column",
+    icon,
+    subtitle,
+    title,
+    description,
+    children,
+    href,
+    target = "_blank",
+    onClick,
+    loading,
+    className
+  }, ref) => {
+    const subContainerRef = useRef(null);
+    const [subContainerHeight, setSubContainerHeight] = useState(
+      subContainerRef?.current?.offsetHeight
+    );
+    const Container = useMemo(() => {
+      if (href) {
+        return Card.withComponent("a");
+      }
+      if (onClick) {
+        return Card.withComponent("button");
+      }
+      return Card;
+    }, [href, onClick]);
+    useEffect(
+      () => setSubContainerHeight(subContainerRef?.current?.offsetHeight),
+      [subContainerRef]
+    );
+    return /* @__PURE__ */ jsx(
+      Container,
+      {
+        target,
+        onClick,
+        href,
+        role: onClick && !href ? "button" : void 0,
+        ref,
+        className,
+        children: loading ? /* @__PURE__ */ jsx(Skeleton, { direction }) : /* @__PURE__ */ jsxs(FullHeightStack, { direction, children: [
+          image ? /* @__PURE__ */ jsx(
+            Image,
+            {
+              alt: "",
+              src: image,
+              height: direction === "column" ? 120 : void 0,
+              width: direction === "row" ? 220 : void 0,
+              direction,
+              subContainerHeight
+            }
+          ) : null,
+          /* @__PURE__ */ jsxs(Stack, { gap: 2, direction, flex: 1, children: [
+            /* @__PURE__ */ jsxs(
+              SubContainer,
+              {
+                gap: 2,
+                direction,
+                href,
+                ref: subContainerRef,
+                children: [
+                  icon ?? null,
+                  /* @__PURE__ */ jsxs(Stack, { gap: 2, justifyContent: "center", children: [
+                    /* @__PURE__ */ jsxs(Stack, { gap: 0.5, children: [
+                      /* @__PURE__ */ jsxs(Stack, { children: [
+                        subtitle ? /* @__PURE__ */ jsx(
+                          Text,
+                          {
+                            as: "small",
+                            variant: "caption",
+                            prominence: "weak",
+                            sentiment: "neutral",
+                            children: subtitle
+                          }
+                        ) : null,
+                        /* @__PURE__ */ jsx(Text, { as: "h3", variant: "bodyStrong", sentiment: "neutral", children: title })
+                      ] }),
+                      description ? /* @__PURE__ */ jsx(Text, { as: "p", variant: "bodySmall", sentiment: "neutral", children: description }) : null
+                    ] }),
+                    children ? /* @__PURE__ */ jsx(Stack, { children }) : null
+                  ] })
+                ]
+              }
+            ),
+            href ? /* @__PURE__ */ jsx(
+              StyledIconStack,
+              {
+                flex: 1,
+                alignItems: direction === "column" ? "flex-end" : "center",
+                justifyContent: direction === "column" ? "center" : "end",
+                direction,
+                children: /* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(Icon, { name: "open-in-new", color: "neutral" }) })
+              }
+            ) : null
+          ] })
+        ] })
+      }
+    );
+  }
+);
+export {
+  ContentCard
+};

package/dist/components/ContentCardGroup/Card.d.ts

@@ -0,0 +1,11 @@
+import type { AnchorHTMLAttributes, ReactNode } from 'react';
+type CardProps = {
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    children?: ReactNode;
+    href: string;
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>['target'];
+};
+export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/ContentCardGroup/Card.js

@@ -0,0 +1,83 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Icon } from "@ultraviolet/icons";
+import { Stack, Text } from "@ultraviolet/ui";
+import { forwardRef } from "react";
+const StyledStack = styled(Stack)`
+  min-width: 0;
+`;
+const IconWrapper = styled.div`
+  display: inline-flex;
+  background: ${({ theme }) => theme.colors.neutral.backgroundWeak};
+  padding: ${({ theme }) => theme.space["1"]};
+  border-radius: ${({ theme }) => theme.radii.default};
+`;
+const StyledWrapper = styled.a`
+  padding: ${({ theme }) => theme.space["3"]};
+  text-decoration: none;
+  height: 100%;
+
+  &:not(:first-child) {
+    border-top: 1px solid ${({ theme }) => theme.colors.neutral.border};
+  }
+
+  &:first-child {
+    border-radius: ${({ theme }) => theme.radii.default}
+      ${({ theme }) => theme.radii.default} 0 0;
+  }
+
+  &:last-child {
+    border-radius: 0 0 ${({ theme }) => theme.radii.default}
+      ${({ theme }) => theme.radii.default};
+  }
+
+  & ${IconWrapper} {
+    background: ${({ theme }) => theme.colors.neutral.backgroundWeak};
+  }
+
+  &:hover {
+    background: ${({ theme }) => theme.colors.neutral.backgroundHover};
+
+    & ${IconWrapper} {
+      background: none;
+    }
+  }
+`;
+const FullHeightStack = styled(Stack)`
+  height: 100%;
+`;
+const Card = forwardRef(
+  ({ title, subtitle, description, children, href, target = "_blank" }, ref) => /* @__PURE__ */ jsx(StyledWrapper, { href, target, ref, children: /* @__PURE__ */ jsxs(
+    FullHeightStack,
+    {
+      direction: "row",
+      gap: 2,
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsxs(StyledStack, { gap: "0.5", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            subtitle ? /* @__PURE__ */ jsx(
+              Text,
+              {
+                as: "h5",
+                variant: "caption",
+                prominence: "weak",
+                sentiment: "neutral",
+                oneLine: true,
+                children: subtitle
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(Text, { as: "h3", variant: "bodyStrong", sentiment: "neutral", oneLine: true, children: title })
+          ] }),
+          description ? /* @__PURE__ */ jsx(Text, { as: "p", variant: "bodySmall", sentiment: "neutral", oneLine: true, children: description }) : null,
+          children
+        ] }),
+        /* @__PURE__ */ jsx(IconWrapper, { children: /* @__PURE__ */ jsx(Icon, { name: "open-in-new", color: "neutral" }) })
+      ]
+    }
+  ) })
+);
+export {
+  Card
+};

package/dist/components/ContentCardGroup/SkeletonCard.d.ts

@@ -0,0 +1 @@
+export declare const SkeletonCard: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/ContentCardGroup/SkeletonCard.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Skeleton, Stack } from "@ultraviolet/ui";
+const StyledWrapper = styled.div`
+  padding: ${({ theme }) => theme.space["3"]};
+
+  &:not(:first-child) {
+    border-top: 1px solid ${({ theme }) => theme.colors.neutral.border};
+  }
+`;
+const StyledSquareSkeleton = styled(Skeleton)`
+  height: 32px;
+  width: 32px;
+  border-radius: ${({ theme }) => theme.radii.default};
+`;
+const SkeletonCard = () => /* @__PURE__ */ jsx(StyledWrapper, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
+  /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+    /* @__PURE__ */ jsx(Skeleton, { variant: "line" }),
+    /* @__PURE__ */ jsx(Skeleton, { variant: "line" }),
+    /* @__PURE__ */ jsx(Skeleton, { variant: "line" })
+  ] }),
+  /* @__PURE__ */ jsx(StyledSquareSkeleton, { variant: "square" })
+] }) });
+export {
+  SkeletonCard
+};

package/dist/components/ContentCardGroup/index.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+type BaseContentCardGroupProps = {
+    children: ReactNode;
+    loading?: boolean;
+};
+export declare const ContentCardGroup: import("react").ForwardRefExoticComponent<BaseContentCardGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Card: import("react").ForwardRefExoticComponent<{
+        title?: string | undefined;
+        subtitle?: string | undefined;
+        description?: string | undefined;
+        children?: ReactNode;
+        href: string;
+        target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export {};

package/dist/components/ContentCardGroup/index.js

@@ -0,0 +1,22 @@
+import { jsx, Fragment } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Stack } from "@ultraviolet/ui";
+import { forwardRef, Children } from "react";
+import { Card } from "./Card.js";
+import { SkeletonCard } from "./SkeletonCard.js";
+const StyledWrapper = styled(Stack)`
+  border-radius: ${({ theme }) => theme.radii.default};
+  border: 1px solid ${({ theme }) => theme.colors.neutral.border};
+  background: ${({ theme }) => theme.colors.neutral.background};
+  min-width: 0;
+`;
+const BaseContentCardGroup = forwardRef(({ children, loading }, ref) => /* @__PURE__ */ jsx(StyledWrapper, { direction: "column", ref, children: !loading ? children : /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (_child, index) => (
+  // eslint-disable-next-line react/no-array-index-key
+  /* @__PURE__ */ jsx(SkeletonCard, {}, index)
+)) }) }));
+const ContentCardGroup = Object.assign(BaseContentCardGroup, {
+  Card
+});
+export {
+  ContentCardGroup
+};

package/dist/components/Conversation/index.d.ts

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+declare const Conversation: {
+    ({ children }: {
+        children: ReactNode;
+    }): import("@emotion/react/jsx-runtime").JSX.Element;
+    Date: ({ children }: {
+        children: ReactNode;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Message: ({ className, children, avatar, align, }: MessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    MessageInfos: ({ children, align, }: {
+        children: ReactNode;
+        align: 'left' | 'right';
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Tag: ({ children }: {
+        children: ReactNode;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export declare const MessageInfos: ({ children, align, }: {
+    children: ReactNode;
+    align: 'left' | 'right';
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Date: ({ children }: {
+    children: ReactNode;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+type MessageProps = {
+    className?: string;
+    children: ReactNode;
+    avatar: ReactNode;
+    align?: 'left' | 'right';
+};
+export declare const Message: ({ className, children, avatar, align, }: MessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const MessageTag: ({ children }: {
+    children: ReactNode;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export { Conversation };

package/dist/components/Conversation/index.js

@@ -0,0 +1,68 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import styled from "@emotion/styled";
+import { Stack, Text, Tag } from "@ultraviolet/ui";
+const Conversation = ({ children }) => /* @__PURE__ */ jsx(Stack, { children });
+const StyledInfos = styled.div`
+  display: flex;
+  align-items: center;
+  justify-content: ${({ align }) => align === "left" ? "flex-start" : "flex-end"};
+  margin: 0 ${({ theme }) => theme.space["7"]};
+`;
+const MessageInfos = ({
+  children,
+  align
+}) => /* @__PURE__ */ jsx(StyledInfos, { align, children });
+const StyledText = styled(Text)`
+  margin-top: ${({ theme }) => theme.space["3"]};
+  text-align: center;
+`;
+const Date = ({ children }) => /* @__PURE__ */ jsx(StyledText, { as: "p", variant: "bodySmall", prominence: "weak", children });
+const MessageContainer = styled("div", {
+  shouldForwardProp: (prop) => !["align"].includes(prop)
+})`
+  display: flex;
+  flex-direction: ${({ align }) => align === "left" ? "row-reverse" : "row"};
+  margin-bottom: ${({ theme }) => theme.space["2"]};
+`;
+const RawMessageContainer = styled("div", {
+  shouldForwardProp: (prop) => !["align"].includes(prop)
+})`
+  margin: 0 ${({ theme }) => theme.space["3"]};
+  margin-top: ${({ theme }) => theme.space["3"]};
+  border-radius: ${({ theme }) => theme.radii.default};
+  padding: ${({ theme }) => theme.space["3"]};
+  background-color: ${({ theme, align }) => align === "left" ? theme.colors.neutral.backgroundStrong : theme.colors.primary.background};
+`;
+const AvatarContainer = styled.div`
+  display: flex;
+  align-self: flex-end;
+`;
+const BubbleContainer = styled.div`
+  width: 100%;
+`;
+const Message = ({
+  className,
+  children,
+  avatar,
+  align = "right"
+}) => /* @__PURE__ */ jsxs(MessageContainer, { align, className, children: [
+  /* @__PURE__ */ jsx(BubbleContainer, { children: /* @__PURE__ */ jsx(RawMessageContainer, { align, children }) }),
+  /* @__PURE__ */ jsx(AvatarContainer, { children: avatar })
+] });
+const StyledTag = styled(Tag)`
+  background-color: ${({ theme }) => theme.colors.neutral.backgroundStrong};
+  height: 16px;
+  margin-right: ${({ theme }) => theme.space["1"]};
+`;
+const MessageTag = ({ children }) => /* @__PURE__ */ jsx(StyledTag, { children });
+Conversation.Date = Date;
+Conversation.Message = Message;
+Conversation.MessageInfos = MessageInfos;
+Conversation.Tag = MessageTag;
+export {
+  Conversation,
+  Date,
+  Message,
+  MessageInfos,
+  MessageTag
+};

package/dist/components/CustomerSatisfaction/assets/1-5.svg.js

@@ -0,0 +1,4 @@
+const rating1 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-1.9%209.3-2.1%2018.7-.2%2028%202.3%2012%209.6%2019.3%2021.6%2021.4%204.3.8%208.7%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200'%20clip-rule='evenodd'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.1-1.2-.2-1.9-.3C50.2%203%2058.7%209.8%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48.1%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.7%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.9-9.2%201.8-18.6.1-27.8z'%20clip-rule='evenodd'%20opacity='.06'/%3e%3cpath%20fill='%231b1464'%20d='M37.6%2047.7c-.1%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6%203-1.1%206.2-1.1%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8z'%20opacity='.31'/%3e%3cpath%20fill='%234f0599'%20d='M33.9%2036.2c-7%200-13.6%202.7-18.5%207.7-.5.5-.5%201.3%200%201.7.5.5%201.3.5%201.7%200%204.5-4.5%2010.4-6.9%2016.8-6.9s12.3%202.5%2016.8%206.9c.2.2.6.4.9.4.3%200%20.6-.1.9-.4.5-.5.5-1.3%200-1.7-5-5-11.6-7.7-18.6-7.7m-20-6.7c0%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6c0-.5-.1-1-.3-1.5.5.1%201%20.1%201.6.1%201.4%200%203-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.9-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4-.6.4-.7%201.1-.4%201.7%200%20.1.9%201.3%202.6%202.6-1.5.8-2.5%202.3-2.5%204zm38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9-.2.7.2%201.3.9%201.5%201.8.5%203.4.7%204.8.7.5%200%201.1%200%201.6-.1-.2.5-.3%201-.3%201.5%200%202.5%202.1%204.6%204.6%204.6s4.6-2.1%204.6-4.6c0-1.7-.9-3.2-2.3-4%201.7-1.3%202.5-2.5%202.6-2.6.2-.6%200-1.3-.6-1.7z'/%3e%3cpath%20fill='none'%20stroke='%23f954a2'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-miterlimit='10'%20stroke-width='1.5'%20d='m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.6-6.5%202.4%202.3-2.4%202.3'/%3e%3c/svg%3e";
+export {
+  rating1 as default
+};

package/dist/components/CustomerSatisfaction/assets/1-5NB.svg.js

@@ -0,0 +1,4 @@
+const rating1NS = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23f0f0f0'%20d='M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200'/%3e%3cpath%20fill='%233b3b3b'%20d='M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8z'%20opacity='.06'/%3e%3cpath%20fill='%231f1f1f'%20d='M37.6%2047.7c-.2%200-.3%200-.4-.1-2.4-.9-5-.9-7.4%200-.6.2-1.4-.1-1.6-.7-.2-.6.1-1.4.7-1.6%203-1.2%206.2-1.2%209.2%200%20.6.2%201%201%20.7%201.6-.2.5-.7.8-1.2.8z'%20opacity='.31'/%3e%3cpath%20fill='%232b2b2b'%20d='M33.9%2036.2c-6.9%200-13.6%202.7-18.5%207.7-.5.5-.4%201.3.1%201.8.5.4%201.2.4%201.6%200%209.3-9.3%2024.3-9.3%2033.5%200%20.5.5%201.3.4%201.8-.1.4-.5.4-1.2%200-1.6-4.9-5.1-11.5-7.8-18.5-7.8zm-20-6.7c-.1%202.5%201.8%204.7%204.4%204.8%202.5.1%204.7-1.8%204.8-4.4v-.4c0-.5-.1-1-.3-1.5.5.1%201%20.1%201.5.1%201.6%200%203.2-.2%204.8-.7.7-.2%201-.9.9-1.5-.2-.7-.8-1-1.5-.9-8.8%202.4-12.6-3.2-12.7-3.4-.4-.6-1.1-.7-1.7-.4s-.7%201.1-.4%201.7c.7%201%201.6%201.9%202.6%202.6-1.5.8-2.4%202.3-2.4%204zm38.5-8.3c-.6-.4-1.3-.2-1.7.4%200%20.1-3.9%205.8-12.7%203.4-.7-.2-1.3.2-1.5.9s.2%201.3.9%201.5c1.6.4%203.2.7%204.8.7.5%200%201%200%201.5-.1-.2.5-.3%201-.3%201.5%200%202.5%202%204.6%204.6%204.6%202.5%200%204.6-2%204.6-4.6%200-1.7-.9-3.2-2.4-4%201-.7%201.9-1.6%202.6-2.6.4-.5.2-1.3-.4-1.7z'/%3e%3cpath%20fill='none'%20stroke='%238e8e8e'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.5'%20d='m46%209.5-2.3%202.3-2.3-2.3m6.5%206.6-2.3-2.3%202.3-2.3m-6.3%206.3%202.3-2.3%202.3%202.3m-6.5-6.5%202.3%202.3-2.3%202.3'/%3e%3c/svg%3e";
+export {
+  rating1NS as default
+};

package/dist/components/CustomerSatisfaction/assets/2-5.svg.js

@@ -0,0 +1,4 @@
+const rating2 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z'%20opacity='.06'/%3e%3cpath%20fill='%234f0599'%20d='M44.7%2040.9a23.75%2023.75%200%200%200-26.47%200%201.11%201.11%200%200%200-.31%201.55%201.14%201.14%200%200%200%201.56.31%2021.5%2021.5%200%200%201%2024%200%201.18%201.18%200%200%200%20.62.19%201.15%201.15%200%200%200%20.94-.5%201.12%201.12%200%200%200-.34-1.55zM22.22%2025.15a4.15%204.15%200%201%200-4.15%204.15%204.15%204.15%200%200%200%204.15-4.15M44.85%2021A4.15%204.15%200%201%200%2049%2025.15%204.16%204.16%200%200%200%2044.85%2021'/%3e%3cpath%20fill='%231b1464'%20d='M35.19%2044.84a1.1%201.1%200%200%201-.4-.08%209.19%209.19%200%200%200-6.65%200%201.12%201.12%200%201%201-.8-2.09%2011.4%2011.4%200%200%201%208.25%200%201.12%201.12%200%200%201-.4%202.17z'%20opacity='.31'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  rating2 as default
+};

package/dist/components/CustomerSatisfaction/assets/2-5NB.svg.js

@@ -0,0 +1,4 @@
+const rating2NS = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23f0f0f0'%20d='M36.1%200c-4.3%200-8.6.4-12.9%201.1C11.5%203.1%204%209.6%201.5%2021.4c-2%209.2-2.1%2018.8-.2%2028%202.3%2012%209.6%2019.2%2021.6%2021.4%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8-2.3-12-9.5-18.9-21.6-21C44.8.4%2040.4%200%2036.1%200'/%3e%3cpath%20fill='%233b3b3b'%20d='M70.7%2022.2c-2.3-12-9.5-18.9-21.6-21-.6-.2-1.3-.2-1.9-.3C54.4%206.1%2059.6%2013.5%2062%2022c.3%201%205.2%2020.2-7%2034-10.9%2012.3-30.9%2015.4-48%206.2%203.7%204.5%209.1%207.5%2016%208.7%204.3.8%208.6%201.1%2013%201.1%204.3%200%208.6-.4%2012.9-1.1%2011.6-2%2019.3-9.2%2021.8-20.9%201.8-9.2%201.8-18.6%200-27.8z'%20opacity='.06'/%3e%3cpath%20fill='%232b2b2b'%20d='M44.7%2040.9c-8-5.4-18.5-5.4-26.5%200-.5.3-.7%201-.3%201.5.4.5%201%20.6%201.6.3%207.3-4.9%2016.7-4.9%2024%200%20.2.1.4.2.6.2.4%200%20.7-.2.9-.5.4-.5.2-1.2-.3-1.5M22.2%2025.1c0-2.3-1.9-4.1-4.1-4.1-2.3%200-4.2%201.9-4.2%204.1s1.9%204.1%204.2%204.1c2.3.1%204.1-1.8%204.1-4.1zM44.8%2021c-2.3%200-4.1%201.9-4.1%204.2s1.9%204.1%204.2%204.1c2.3%200%204.1-1.9%204.1-4.1%200-2.3-1.9-4.2-4.2-4.2z'/%3e%3cpath%20fill='%231f1f1f'%20d='M35.2%2044.8c-.1%200-.3%200-.4-.1-2.1-.8-4.5-.8-6.6%200-.6.2-1.2%200-1.5-.6-.2-.6%200-1.2.6-1.5h.1c2.7-1%205.6-1%208.2%200%20.6.2.9.9.7%201.4-.2.6-.6.8-1.1.8z'%20opacity='.31'/%3e%3c/svg%3e";
+export {
+  rating2NS as default
+};

package/dist/components/CustomerSatisfaction/assets/3-5.svg.js

@@ -0,0 +1,4 @@
+const rating3 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z'%20opacity='.06'/%3e%3cpath%20fill='%234f0599'%20d='M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021'/%3e%3cpath%20fill='none'%20stroke='%234f0599'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2.51'%20d='M24%2044h22'/%3e%3cpath%20fill='none'%20stroke='%231b1464'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2'%20d='M32%2050h6'%20opacity='.31'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  rating3 as default
+};

package/dist/components/CustomerSatisfaction/assets/3-5NB.svg.js

@@ -0,0 +1,4 @@
+const rating3NS = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cg%20data-name='Calque%202'%3e%3cg%20data-name='Calque%201'%3e%3cpath%20fill='%23f0f0f0'%20fill-rule='evenodd'%20d='M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%233b3b3b'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z'%20opacity='.06'/%3e%3cpath%20fill='%232b2b2b'%20d='M23.64%2025.86a4.86%204.86%200%201%200-4.86%204.85%204.87%204.87%200%200%200%204.86-4.85M50.14%2021A4.86%204.86%200%201%200%2055%2025.86%204.86%204.86%200%200%200%2050.14%2021'/%3e%3cpath%20fill='none'%20stroke='%232b2b2b'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2.51'%20d='M24%2044h22'/%3e%3cpath%20fill='none'%20stroke='%231f1f1f'%20stroke-linecap='round'%20stroke-miterlimit='10'%20stroke-width='2'%20d='M32%2050h6'%20opacity='.31'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  rating3NS as default
+};

package/dist/components/CustomerSatisfaction/assets/4-5.svg.js

@@ -0,0 +1,4 @@
+const rating4 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cpath%20fill='%23eef'%20fill-rule='evenodd'%20d='M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20fill='%234f0599'%20d='M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81z'/%3e%3cpath%20fill='%231b1464'%20d='M31.5%2051.14a17.47%2017.47%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.52%2017.52%200%200%201-5.01.76'%20opacity='.31'/%3e%3cpath%20fill='%234f0599'%20d='M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z'/%3e%3cellipse%20cx='13.75'%20cy='37.62'%20fill='%23f270a8'%20rx='2.75'%20ry='2.96'/%3e%3cellipse%20cx='49.25'%20cy='37.62'%20fill='%23f270a8'%20rx='2.75'%20ry='2.96'/%3e%3cpath%20fill='%232e3192'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z'%20opacity='.06'/%3e%3c/svg%3e";
+export {
+  rating4 as default
+};

package/dist/components/CustomerSatisfaction/assets/4-5NB.svg.js

@@ -0,0 +1,4 @@
+const rating4NS = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%2072'%3e%3cdefs%3e%3cstyle%3e%20.cls-2{fill:%232b2b2b}.cls-4{fill:%239d9d9d}%20%3c/style%3e%3c/defs%3e%3cg%20id='Calque_2'%20data-name='Calque%202'%3e%3cg%20id='Calque_1-2'%20data-name='Calque%201'%3e%3cpath%20fill='%23f0f0f0'%20fill-rule='evenodd'%20d='M36.08%200a77.07%2077.07%200%200%200-12.91%201.1C11.48%203.08%204%209.65%201.55%2021.43a69.74%2069.74%200%200%200-.24%2028.05c2.31%2012%209.57%2019.25%2021.61%2021.38a75%2075%200%200%200%2013%201.14%2077.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200%200-27.82c-2.31-12-9.54-18.91-21.58-21A75%2075%200%200%200%2036.08%200'/%3e%3cpath%20d='M31.5%2046.28a17.85%2017.85%200%200%201-13.09-5.81%201.18%201.18%200%200%201%200-1.59%201%201%200%200%201%201.48%200%2015.66%2015.66%200%200%200%2023.22%200%201%201%200%200%201%201.48%200%201.2%201.2%200%200%201%200%201.59%2017.85%2017.85%200%200%201-13.09%205.81z'%20class='cls-2'/%3e%3cpath%20fill='%231f1f1f'%20d='M31.5%2051.14a17.47%2017.47%200%200%201-5-.74%201.13%201.13%200%200%201-.73-1.4%201%201%200%200%201%201.29-.78%2015.26%2015.26%200%200%200%208.88%200%201%201%200%200%201%201.29.78%201.13%201.13%200%200%201-.72%201.38%2017.52%2017.52%200%200%201-5.01.76'%20opacity='.31'/%3e%3cpath%20d='M24.32%2028.58a1.08%201.08%200%200%201-1-1.12A5.3%205.3%200%200%200%2018.19%2022a5.3%205.3%200%200%200-5.09%205.46%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.45%207.45%200%200%201%207.17%207.7%201.08%201.08%200%200%201-1.04%201.12zm26.62%200a1.09%201.09%200%200%201-1-1.12%205.1%205.1%200%201%200-10.17%200%201%201%200%201%201-2.09%200%207.46%207.46%200%200%201%207.18-7.7%207.46%207.46%200%200%201%207.14%207.7%201.08%201.08%200%200%201-1.06%201.12z'%20class='cls-2'/%3e%3cellipse%20cx='13.75'%20cy='37.62'%20class='cls-4'%20rx='2.75'%20ry='2.96'/%3e%3cellipse%20cx='49.25'%20cy='37.62'%20class='cls-4'%20rx='2.75'%20ry='2.96'/%3e%3cpath%20fill='%233b3b3b'%20fill-rule='evenodd'%20d='M70.66%2022.18c-2.31-12-9.54-18.91-21.58-21C48.46%201%2047.84%201%2047.22.85A39.73%2039.73%200%200%201%2062%2022c.28%201%205.22%2020.18-7%2034-10.87%2012.29-30.91%2015.38-48%206.17%203.73%204.53%209.06%207.47%2016%208.69A75%2075%200%200%200%2036%2072a77.07%2077.07%200%200%200%2012.91-1.1c11.65-2%2019.34-9.2%2021.8-20.9a72%2072%200%200%200-.05-27.82z'%20opacity='.06'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  rating4NS as default
+};