@norges-domstoler/dds-components 13.5.0 → 13.6.1

package/dist/components/Typography/Typography.tokens.js

@@ -1,314 +0,0 @@
-import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-
-var colors = ddsBaseTokens.colors,
-  fontPackages = ddsBaseTokens.fontPackages,
-  spacing = ddsBaseTokens.spacing;
-var textDefault = ddsReferenceTokens.textDefault;
-var a = {
-  base: {
-    color: colors.DdsColorInteractiveBase
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.body_sans_02.paragraph.paragraphSpacing
-  },
-  hover: {
-    color: colors.DdsColorInteractiveDark
-  },
-  icon: {
-    marginTop: spacing.SizesDdsSpacingLocalX025,
-    marginLeft: spacing.SizesDdsSpacingLocalX025
-  }
-};
-var bold = {
-  fontWeight: 600
-};
-var headingSans01 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_01.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_01.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans01Top
-  }
-};
-var headingSans02 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_02.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_02.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans02Top
-  }
-};
-var headingSans03 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_03.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_03.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans03Top
-  }
-};
-var headingSans04 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_04.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_04.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans04Top
-  }
-};
-var headingSans05 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_05.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_05.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans05Top
-  }
-};
-var headingSans06 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_06.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_06.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans06Top
-  }
-};
-var headingSans07 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_07.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_07.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans07Top
-  }
-};
-var headingSans08 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.heading_sans_08.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.heading_sans_08.paragraph.paragraphSpacing,
-    paddingTop: spacing.SpacingDdsSpacingPaddingTopHeadingSans08Top
-  }
-};
-var bodySans01 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.body_sans_01.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.body_sans_01.paragraph.paragraphSpacing
-  }
-};
-var bodySans02 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.body_sans_02.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.body_sans_02.paragraph.paragraphSpacing
-  }
-};
-var bodySans03 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.body_sans_03.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.body_sans_03.paragraph.paragraphSpacing
-  }
-};
-var bodySans04 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.body_sans_04.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.body_sans_04.paragraph.paragraphSpacing
-  }
-};
-var leadSans01 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.lead_sans_01.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.lead_sans_01.paragraph.paragraphSpacing
-  }
-};
-var leadSans02 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.lead_sans_02.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.lead_sans_02.paragraph.paragraphSpacing
-  }
-};
-var leadSans03 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.lead_sans_03.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.lead_sans_03.paragraph.paragraphSpacing
-  }
-};
-var leadSans04 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.lead_sans_04.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.lead_sans_04.paragraph.paragraphSpacing
-  }
-};
-var leadSans05 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.lead_sans_05.base
-  },
-  margins: {
-    marginTop: 0,
-    marginBottom: fontPackages.lead_sans_05.paragraph.paragraphSpacing
-  }
-};
-var supportingStyleLabel01 = {
-  base: {
-    color: colors.DdsColorNeutralsGray7,
-    font: fontPackages.supportingStyle_label_01.base,
-    margin: 0
-  },
-  margins: {
-    marginTop: fontPackages.supportingStyle_label_01.paragraph.paragraphSpacing,
-    marginBottom: fontPackages.supportingStyle_label_01.paragraph.paragraphSpacing
-  }
-};
-var supportingStyleHelperText01 = {
-  base: {
-    color: colors.DdsColorNeutralsGray6,
-    font: fontPackages.supportingStyle_helpertext_01.base,
-    margin: 0
-  },
-  margins: {
-    marginTop: fontPackages.supportingStyle_helpertext_01.paragraph.paragraphSpacing,
-    marginBottom: fontPackages.supportingStyle_helpertext_01.paragraph.paragraphSpacing
-  }
-};
-var supportingStylePlaceholderText01 = {
-  base: {
-    color: colors.DdsColorNeutralsGray6,
-    font: fontPackages.supportingStyle_placeholdertext_01.base,
-    margin: 0
-  },
-  margins: {
-    marginTop: fontPackages.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing,
-    marginBottom: fontPackages.supportingStyle_placeholdertext_01.paragraph.paragraphSpacing
-  }
-};
-var supportingStylePlaceholderText02 = {
-  base: {
-    color: colors.DdsColorNeutralsGray6,
-    font: fontPackages.supportingStyle_placeholdertext_02.base,
-    margin: 0
-  },
-  margins: {
-    marginTop: fontPackages.supportingStyle_placeholdertext_02.paragraph.paragraphSpacing,
-    marginBottom: fontPackages.supportingStyle_placeholdertext_02.paragraph.paragraphSpacing
-  }
-};
-var supportingStylePlaceholderText03 = {
-  base: {
-    color: colors.DdsColorNeutralsGray6,
-    font: fontPackages.supportingStyle_placeholdertext_03.base,
-    margin: 0
-  },
-  margins: {
-    marginTop: fontPackages.supportingStyle_placeholdertext_03.paragraph.paragraphSpacing,
-    marginBottom: fontPackages.supportingStyle_placeholdertext_03.paragraph.paragraphSpacing
-  }
-};
-var supportingStyleTiny01 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.supportingStyle_tiny_01.base,
-    margin: 0
-  },
-  margins: {
-    marginTop: fontPackages.supportingStyle_tiny_01.paragraph.paragraphSpacing,
-    marginBottom: fontPackages.supportingStyle_tiny_01.paragraph.paragraphSpacing
-  }
-};
-var supportingStyleTiny02 = {
-  base: {
-    color: textDefault.textColor,
-    font: fontPackages.supportingStyle_tiny_02.base,
-    margin: 0
-  },
-  margins: {
-    marginTop: fontPackages.supportingStyle_tiny_02.paragraph.paragraphSpacing,
-    marginBottom: fontPackages.supportingStyle_tiny_02.paragraph.paragraphSpacing
-  }
-};
-var typographyTokens = {
-  typographyType: {
-    a: a,
-    headingSans01: headingSans01,
-    headingSans02: headingSans02,
-    headingSans03: headingSans03,
-    headingSans04: headingSans04,
-    headingSans05: headingSans05,
-    headingSans06: headingSans06,
-    headingSans07: headingSans07,
-    headingSans08: headingSans08,
-    bodySans01: bodySans01,
-    bodySans02: bodySans02,
-    bodySans03: bodySans03,
-    bodySans04: bodySans04,
-    leadSans01: leadSans01,
-    leadSans02: leadSans02,
-    leadSans03: leadSans03,
-    leadSans04: leadSans04,
-    leadSans05: leadSans05,
-    supportingStyleLabel01: supportingStyleLabel01,
-    supportingStyleHelperText01: supportingStyleHelperText01,
-    supportingStylePlaceholderText01: supportingStylePlaceholderText01,
-    supportingStylePlaceholderText02: supportingStylePlaceholderText02,
-    supportingStylePlaceholderText03: supportingStylePlaceholderText03,
-    supportingStyleTiny01: supportingStyleTiny01,
-    supportingStyleTiny02: supportingStyleTiny02
-  },
-  style: {
-    bold: bold
-  }
-};
-
-export { typographyTokens };

package/dist/components/Typography/Typography.utils.d.ts

@@ -1,203 +0,0 @@
-import { ElementType } from 'react';
-import { TypographyType, TypographyHeadingType, InlineElement, TypographyInteractionStyling, StaticTypographyType, TypographyBodyType } from './Typography/Typography.types';
-export declare const defaultTypographyType: TypographyBodyType;
-export declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean) => {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-};
-export declare const getElementType: (element: string) => ElementType;
-export declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
-export declare const inlineElements: ElementType[];
-export declare const isInlineElement: (as: ElementType) => as is InlineElement;
-export declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => import("styled-components").FlattenSimpleInterpolation;
-export declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => import("styled-components").FlattenSimpleInterpolation;
-export declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => import("styled-components").FlattenSimpleInterpolation;

package/dist/components/Typography/Typography.utils.js

@@ -1,69 +0,0 @@
-import { css } from 'styled-components';
-import { typographyTokens } from './Typography.tokens.js';
-import { focusVisibleLinkTransitionValue, focusVisibleLink } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-import OpenExternalIcon from '../../assets/svg/openExternal.svg.js';
-
-var defaultTypographyType = 'bodySans02';
-var getFontStyling = function getFontStyling(type, withColor) {
-  return Object.assign({
-    color: withColor ? typographyTokens.typographyType[type].base.color : undefined
-  }, typographyTokens.typographyType[type].base.font);
-};
-var getElementType = function getElementType(element) {
-  switch (element) {
-    case 'a':
-      return 'a';
-    case 'headingSans01':
-      return 'h6';
-    case 'headingSans02':
-      return 'h5';
-    case 'headingSans03':
-      return 'h4';
-    case 'headingSans04':
-      return 'h3';
-    case 'headingSans05':
-      return 'h2';
-    case 'headingSans06':
-    case 'headingSans07':
-    case 'headingSans08':
-      return 'h1';
-    case 'supportingStyleLabel01':
-      return 'label';
-    case 'bodySans01':
-    case 'bodySans02':
-    case 'bodySans03':
-    case 'bodySans04':
-    case 'leadSans01':
-    case 'leadSans02':
-    case 'leadSans03':
-    case 'leadSans04':
-    case 'leadSans05':
-    case 'supportingStyleHelperText01':
-    case 'supportingStylePlaceholderText01':
-    case 'supportingStylePlaceholderText02':
-    case 'supportingStylePlaceholderText03':
-    case 'supportingStyleTiny01':
-    case 'supportingStyleTiny02':
-    default:
-      return 'p';
-  }
-};
-var inlineElements = ['a', 'abbr', 'audio', 'b', 'bdi', 'bdo', 'big', 'br', 'button', 'canvas', 'cite', 'code', 'data', 'datalist', 'del', 'dfn', 'em', 'embed', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'label', 'map', 'mark', 'meter', 'noscript', 'object', 'output', 'picture', 'progress', 'q', 'ruby', 's', 'samp', 'script', 'select', 'slot', 'small', 'span', 'strong', 'sub', 'sup', 'svg', 'template', 'textarea', 'time', 'u', 'var', 'video', 'wbr'];
-var isInlineElement = function isInlineElement(as) {
-  return inlineElements.indexOf(as) !== -1;
-};
-var getAdditionalFontStyle = function getAdditionalFontStyle(bold, italic, underline) {
-  return css(["", " ", " ", ""], bold && css(["font-weight:", ";"], typographyTokens.style.bold.fontWeight), italic && css(["font-style:italic;"]), underline && css(["text-decoration:underline;"]));
-};
-var getMarginStyling = function getMarginStyling(typographyType, element, withMargins) {
-  return withMargins ? css(["", " margin-top:", ";margin-bottom:", ";", ""], isInlineElement(element) && element !== 'a' && css(["display:block;"]), typographyTokens.typographyType[typographyType].margins.marginTop, typographyTokens.typographyType[typographyType].margins.marginBottom, css(["padding-top:", ";"], typographyTokens.typographyType[typographyType].margins.paddingTop)) : css(["margin:0;"]);
-};
-var getAnchorStyling = function getAnchorStyling(external, interactionStyling, typographyType, withMargins) {
-  return css(["", " color:", ";width:fit-content;text-decoration:underline;@media (prefers-reduced-motion:no-preference){transition:", ";}", " &:hover{color:", ";", "}", " &:focus-visible,&.focus-visible,&:focus-visible::selection,&.focus-visible::selection{", "}"], typographyType ? css(["", ";", ""], typographyTokens.typographyType[typographyType].base.font, getMarginStyling(typographyType, 'a', withMargins)) : css(["font:inherit;", ""], getMarginStyling('a', 'a', withMargins)), typographyTokens.typographyType.a.base.color, focusVisibleLinkTransitionValue, external && css(["padding-right:calc(1em + ", ");position:relative;::after{mask:", " no-repeat center/contain;background:0 0;background-color:currentColor;width:1em;height:1em;content:'';position:absolute;margin-top:", ";margin-left:", ";}"], typographyTokens.typographyType.a.icon.marginLeft, "url(\"".concat(OpenExternalIcon, "\")"), typographyTokens.typographyType.a.icon.marginTop, typographyTokens.typographyType.a.icon.marginLeft), typographyTokens.typographyType.a.hover.color, interactionStyling && interactionStyling.hover && css(["", ""], interactionStyling.hover), interactionStyling && interactionStyling.active && css(["&:active{", "}"], interactionStyling.active), focusVisibleLink);
-};
-
-export { defaultTypographyType, getAdditionalFontStyle, getAnchorStyling, getElementType, getFontStyling, getMarginStyling, inlineElements, isInlineElement };

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

@@ -1,7 +0,0 @@
-export * from './Typography';
-export * from './Label';
-export * from './Paragraph';
-export * from './Heading';
-export * from './Link';
-export * from './Legend';
-export * from './Caption';

package/dist/components/Typography/stories/Examples.stories.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Article: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/stories/TypographyComponents.stories.d.ts

@@ -1,42 +0,0 @@
-declare const _default: {
-    title: string;
-    argTypes: {
-        typographyType: {
-            control: {
-                type: string;
-            };
-        };
-        bold: {
-            control: {
-                type: string;
-            };
-        };
-        italic: {
-            control: {
-                type: string;
-            };
-        };
-        underline: {
-            control: {
-                type: string;
-            };
-        };
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const ComponentsOverview: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/stories/TypographyTypes.stories.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("..").TypographyProps & import("react").RefAttributes<HTMLElement>>;
-};
-export default _default;
-export declare const Body: () => import("react/jsx-runtime").JSX.Element;
-export declare const Headings: () => import("react/jsx-runtime").JSX.Element;
-export declare const Leads: () => import("react/jsx-runtime").JSX.Element;
-export declare const Supporting: () => import("react/jsx-runtime").JSX.Element;
-export declare const Link: () => import("react/jsx-runtime").JSX.Element;

package/dist/helpers/Chevron/AnimatedChevronUpDown.d.ts

@@ -1,8 +0,0 @@
-import { Property } from 'csstype';
-type SvgChevronProps = {
-    isUp?: boolean;
-    height?: Property.Height<string>;
-    width?: Property.Width<string>;
-};
-export declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/helpers/Chevron/AnimatedChevronUpDown.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { SvgChevron, SvgChevronlGroup, SvgChevronlLeft, SvgChevronlRight } from './AnimatedChevronUpDown.styles.js';
-
-var svgChevronLeftPath = 'M 1 0 L 5 4 C 5 4 5 4 5 4 L 4 5 C 4 5 4 5 4 5 C 4 5 4 5 4 5 L 0 1 C 0 1 0 1 0 1 L 1 0 C 1 0 1 0 1 0 C 1 0 1 0 1 0 L 1 0 Z';
-var svgChevronRightPath = 'M 3 4 L 7 0 L 8 1 C 8 1 8 1 8 1 L 4 5 L 3 4 C 3 4 3 4 3 4 L 3 4 Z';
-var AnimatedChevronUpDown = function AnimatedChevronUpDown(_ref) {
-  var isUp = _ref.isUp,
-    _ref$height = _ref.height,
-    height = _ref$height === void 0 ? '5px' : _ref$height,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? '8px' : _ref$width;
-  return jsx(SvgChevron, {
-    viewBox: "0 0 8 5",
-    width: width,
-    height: height,
-    fill: "currentColor",
-    isUp: isUp,
-    children: jsxs(SvgChevronlGroup, {
-      isUp: isUp,
-      children: [jsx(SvgChevronlLeft, {
-        d: svgChevronLeftPath,
-        isUp: isUp
-      }), jsx(SvgChevronlRight, {
-        d: svgChevronRightPath,
-        isUp: isUp
-      })]
-    })
-  });
-};
-
-export { AnimatedChevronUpDown };