@entur/typography 1.7.5 → 1.7.7

package/LICENSE.md

@@ -208,74 +208,3 @@ The European Commission may update this Appendix to later versions of the above
 a new version of the EUPL, as long as they provide the rights granted in Article 2 of this Licence and protect the
 covered Source Code from exclusive appropriation.
 All other changes or additions to this Appendix require the production of a new EUPL version.
-
-# Standard Nucleo License
-
-- Last updated: July 2, 2018
-- [Github repo](https://github.com/NucleoApp/license-standard)
-
-By purchasing the Nucleo icons, you have the right to:
-
-- Use the Nucleo icons in unlimited personal and commercial projects, for yourself or a client, with no limitation to the number of impressions for your end product.
-- Use the Nucleo icons in applications, software, UI/UX design, print, and logo design.
-- Modify the Nucleo icons to create your icon variations.
-
-You don't have the right to:
-
-- Sublicense, resell, share, transfer, or otherwise redistribute the Nucleo icons (even for free or within a more complex downloadable file).
-- Use the Nucleo icons in a product that is directly competitive with Nucleo.
-
-## Limitations & Extended license
-
-- **For each project, you can use a maximum of 250 Nucleo icons** (intended per unique style: for example, if you're using the same icon in both the outline and glyph styles, or in 2 different sizes, you're using 2 icons). You can lift this limit by purchasing an Extended License.
-- If you're using Nucleo icons in templates, themes or plugins offered for sale, you can use a maximum of 100 Nucleo icons. You can lift this limit by purchasing an Extended License.
-- If you're using the Nucleo icons in open source projects, you can use a maximum of 100 Nucleo icons.
-- If you're interested in using the Nucleo icons in items offered for sale (or for free) where the Nucleo icons contribute to the core value of the product being sold/shared, you will need an Extended License (e.g., a CMS where users can browse the Nucleo icons and pick the ones to include in their design).
-
-[Learn more about the Extended License](https://nucleoapp.com/extended-license)
-
-## Freelance Projects & Contracted work
-
-If you're working on a project for a client, you can share with your client a maximum of 250 Nucleo icons per project. You can't share the Nucleo source files unless the client purchases a license.
-
-If the Nucleo icons contribute to the core value of the product being sold/shared, or if you (or your client) wish to include more than 250 icons in the project, the [Extended License](https://nucleoapp.com/extended-license) is required.
-
-## Templates, Themes, UI Kits & Plugins
-
-If you're using Nucleo icons in templates, themes or plugins offered for sale (e.g., UI kits, Wordpress Themes, HTML/CSS Templates), **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
-
-The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
-
-If the Nucleo icons contribute to the core value of the template, theme or plugin sold (e.g., a theme builder where users can browse Nucleo icons and pick the ones to include in their design), or if you wish to use more than 100 Nucleo icons, you will need an [Extended License](https://nucleoapp.com/extended-license).
-
-It's not possible to purchase an Extended License if the template, theme or plugin is distributed for free.
-
-If you're offering a free and pro version of your product, the free version cannot include more than 100 icons even if you purchased an Extended License to lift the limit. The Extended License applies only to the pro version of your product.
-
-## Open source projects
-
-If you're using the Nucleo icons in open source projects, **you can include up to 100 icons in the downloadable source files**. This limitation applies to the icon fonts as well.
-
-The downloadable source file has to include the [Nucleo Copyright Notice](https://nucleoapp.com/copyright-notice).
-
-It's not possible to purchase an Extended License for open source projects.
-
-## Sharing Nucleo icons with team members
-
-If you're the sole owner of a Nucleo license, you can share with your team members only the icons used in your work, with a maximum of 250 icons (e.g., if you're a designer, you can share with the developers of your team only the Nucleo icons used in your design files).
-
-Your team members cannot reuse the Nucleo icons in other projects unless they purchase a license.
-
-If more than one team member needs access to the Nucleo icons, you can consider purchasing a [team license](https://nucleoapp.com/pricing).
-
-## Design systems
-
-If you wish to include the Nucleo icons in a design system available on a public server, you can use a maximum of 250 Nucleo icons, even if your team purchased a Nucleo team license.
-
-If the design system is accessible only by the members of your organization (e.g., is hosted on a password protected server), but you're the sole owner of a Nucleo license, you can share with your colleagues a maximum of 250 Nucleo icons.
-
-If the design system is on a public server, you can lift the 250 icons limit by buying an [Extended License](https://nucleoapp.com/extended-license). However, please keep in mind you can't provide a link/button to download all the icons.
-
-If your team purchased a Nucleo team license that covers all the users with access to the design system, and the design system is not public (e.g., is hosted on a password protected server), then there's no limitation to the number of icons that can be included.
-
-If you're still unclear about what is or isn't allowed under this license, please contact us at info@nucleoapp.com.

package/dist/BaseHeading.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-declare type BaseHeadingOwnProps = {
+type BaseHeadingOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres */
     as: string | React.ElementType;
     /** Ekstra klassenavn */
@@ -13,6 +13,6 @@ declare type BaseHeadingOwnProps = {
     level: 1 | 2 | 3 | 4 | 5 | 6;
 };
 declare const defaultElement = "h1";
-export declare type BaseHeadingProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, BaseHeadingOwnProps>;
+export type BaseHeadingProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, BaseHeadingOwnProps>;
 export declare const BaseHeading: <E extends React.ElementType<any> = "h1">({ className, level, margin, as, ...rest }: BaseHeadingProps<E>) => JSX.Element;
 export {};

package/dist/Blockquote.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-declare type BlockquoteProps = {
+type BlockquoteProps = {
     /** Ekstra klassenavn */
     className?: string;
 } & React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLElement>, HTMLElement>;
 export declare const Blockquote: React.FunctionComponent<BlockquoteProps>;
-declare type BlockquoteFooterProps = {
+type BlockquoteFooterProps = {
     /** Ekstra klassenavn */
     className?: string;
 } & React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;

package/dist/CodeText.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type CodeTextOwnProps = {
+export type CodeTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "code"
      */
@@ -10,7 +10,7 @@ export declare type CodeTextOwnProps = {
     /** Innholdet */
     children: React.ReactNode;
 };
-export declare type CodeTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, CodeTextOwnProps>;
+export type CodeTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, CodeTextOwnProps>;
 declare const defaultElement = "code";
 export declare const CodeText: <E extends React.ElementType<any> = "code">({ className, as, ...rest }: CodeTextProps<E>) => JSX.Element;
 export {};

package/dist/EmphasizedText.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type EmphasizedTextOwnProps = {
+export type EmphasizedTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "em"
      */
@@ -14,7 +14,7 @@ export declare type EmphasizedTextOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type EmphasizedTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, EmphasizedTextOwnProps>;
+export type EmphasizedTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, EmphasizedTextOwnProps>;
 declare const defaultElement = "em";
 export declare const EmphasizedText: <E extends React.ElementType<any> = "em">({ className, margin, as, ...rest }: EmphasizedTextProps<E>) => JSX.Element;
 export {};

package/dist/Heading1.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type Heading1OwnProps = {
+export type Heading1OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "h1"
      */
@@ -15,6 +15,6 @@ export declare type Heading1OwnProps = {
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
 declare const defaultElement = "h1";
-export declare type Heading1Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading1OwnProps>;
+export type Heading1Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading1OwnProps>;
 export declare const Heading1: <E extends React.ElementType<any> = "h1">({ margin, children, as, ...rest }: Heading1Props<E>) => JSX.Element;
 export {};

package/dist/Heading2.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type Heading2OwnProps = {
+export type Heading2OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "h2"
      */
@@ -14,7 +14,7 @@ export declare type Heading2OwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type Heading2Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading2OwnProps>;
+export type Heading2Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading2OwnProps>;
 declare const defaultElement = "h2";
 export declare const Heading2: <E extends React.ElementType<any> = "h2">({ margin, children, as, ...rest }: Heading2Props<E>) => JSX.Element;
 export {};

package/dist/Heading3.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type Heading3OwnProps = {
+export type Heading3OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "h3"
      */
@@ -14,7 +14,7 @@ export declare type Heading3OwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type Heading3Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading3OwnProps>;
+export type Heading3Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading3OwnProps>;
 declare const defaultElement = "h3";
 export declare const Heading3: <E extends React.ElementType<any> = "h3">({ margin, children, as, ...rest }: Heading3Props<E>) => JSX.Element;
 export {};

package/dist/Heading4.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type Heading4OwnProps = {
+export type Heading4OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "h4"
      */
@@ -14,7 +14,7 @@ export declare type Heading4OwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type Heading4Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading4OwnProps>;
+export type Heading4Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading4OwnProps>;
 declare const defaultElement = "h4";
 export declare const Heading4: <E extends React.ElementType<any> = "h4">({ margin, children, as, ...rest }: Heading4Props<E>) => JSX.Element;
 export {};

package/dist/Heading5.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type Heading5OwnProps = {
+export type Heading5OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "h5"
      */
@@ -14,7 +14,7 @@ export declare type Heading5OwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type Heading5Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading5OwnProps>;
+export type Heading5Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading5OwnProps>;
 declare const defaultElement = "h5";
 export declare const Heading5: <E extends React.ElementType<any> = "h5">({ margin, children, as, ...rest }: Heading5Props<E>) => JSX.Element;
 export {};

package/dist/Heading6.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type Heading6OwnProps = {
+export type Heading6OwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "h6"
      */
@@ -14,7 +14,7 @@ export declare type Heading6OwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type Heading6Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading6OwnProps>;
+export type Heading6Props<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, Heading6OwnProps>;
 declare const defaultElement = "h6";
 export declare const Heading6: <E extends React.ElementType<any> = "h6">({ margin, children, as, ...rest }: Heading6Props<E>) => JSX.Element;
 export {};

package/dist/Label.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type LabelOwnProps = {
+export type LabelOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "label"
      */
@@ -14,7 +14,7 @@ export declare type LabelOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type LabelProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, LabelOwnProps>;
+export type LabelProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, LabelOwnProps>;
 declare const defaultElement = "label";
 export declare const Label: <E extends React.ElementType<any> = "label">({ className, margin, as, ...rest }: LabelProps<E>) => JSX.Element;
 export {};

package/dist/LeadParagraph.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type LeadParagraphOwnProps = {
+export type LeadParagraphOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "p"
      */
@@ -14,7 +14,7 @@ export declare type LeadParagraphOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type LeadParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, LeadParagraphOwnProps>;
+export type LeadParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, LeadParagraphOwnProps>;
 declare const defaultElement = "p";
 export declare const LeadParagraph: <E extends React.ElementType<any> = "p">({ className, margin, as, ...rest }: LeadParagraphProps<E>) => JSX.Element;
 export {};

package/dist/Link.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type LinkOwnProps = {
+export type LinkOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "a"
      */
@@ -14,7 +14,7 @@ export declare type LinkOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type LinkProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, LinkOwnProps>;
+export type LinkProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, LinkOwnProps>;
 declare const defaultElement = "a";
 export declare const Link: <E extends React.ElementType<any> = "a">({ className, margin, as, ...rest }: LinkProps<E>) => JSX.Element;
 export {};

package/dist/ListItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ListItemProps = {
+export type ListItemProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Innholdet */

package/dist/NumberedList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type NumberedListProps = {
+export type NumberedListProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Innholdet */

package/dist/Paragraph.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type ParagraphOwnProps = {
+export type ParagraphOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "p"
      */
@@ -14,7 +14,7 @@ export declare type ParagraphOwnProps = {
      */
     margin?: 'bottom' | 'none';
 };
-export declare type ParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, ParagraphOwnProps>;
+export type ParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, ParagraphOwnProps>;
 declare const defaultElement = "p";
 export declare const Paragraph: <E extends React.ElementType<any> = "p">({ margin, className, as, ...rest }: ParagraphProps<E>) => JSX.Element;
 export {};

package/dist/PreformattedText.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type PreformattedTextOwnProps = {
+export type PreformattedTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "pre"
      */
@@ -10,5 +10,5 @@ export declare type PreformattedTextOwnProps = {
     /** Innholdet */
     children: React.ReactNode;
 };
-export declare type PreformattedTextProps<T extends React.ElementType> = PolymorphicComponentProps<T, PreformattedTextOwnProps>;
+export type PreformattedTextProps<T extends React.ElementType> = PolymorphicComponentProps<T, PreformattedTextOwnProps>;
 export declare const PreformattedText: <E extends React.ElementType<any> = "pre">({ className, as, ...rest }: PreformattedTextProps<E>) => JSX.Element;

package/dist/SmallText.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type SmallTextOwnProps = {
+export type SmallTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "span"
      */
@@ -14,7 +14,7 @@ export declare type SmallTextOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type SmallTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SmallTextOwnProps>;
+export type SmallTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SmallTextOwnProps>;
 declare const defaultElement = "span";
 export declare const SmallText: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: SmallTextProps<E>) => JSX.Element;
 export {};

package/dist/StrongText.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type StrongTextOwnProps = {
+export type StrongTextOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "strong"
      */
@@ -14,7 +14,7 @@ export declare type StrongTextOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type StrongTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, StrongTextOwnProps>;
+export type StrongTextProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, StrongTextOwnProps>;
 declare const defaultElement = "strong";
 export declare const StrongText: <E extends React.ElementType<any> = "strong">({ className, margin, as, ...rest }: StrongTextProps<E>) => JSX.Element;
 export {};

package/dist/SubLabel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type SubLabelOwnProps = {
+export type SubLabelOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "span"
      */
@@ -14,7 +14,7 @@ export declare type SubLabelOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type SubLabelProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubLabelOwnProps>;
+export type SubLabelProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubLabelOwnProps>;
 declare const defaultElement = "span";
 export declare const SubLabel: <E extends React.ElementType<any> = "span">({ className, margin, as, ...rest }: SubLabelProps<E>) => JSX.Element;
 export {};

package/dist/SubParagraph.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PolymorphicComponentProps } from '@entur/utils';
-export declare type SubParagraphOwnProps = {
+export type SubParagraphOwnProps = {
     /** HTML-elementet eller React-komponenten som rendres
      * @default "p"
      */
@@ -14,7 +14,7 @@ export declare type SubParagraphOwnProps = {
      */
     margin?: 'top' | 'bottom' | 'both' | 'none';
 };
-export declare type SubParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubParagraphOwnProps>;
+export type SubParagraphProps<T extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<T, SubParagraphOwnProps>;
 declare const defaultElement = "p";
 export declare const SubParagraph: <E extends React.ElementType<any> = "p">({ className, margin, as, ...rest }: SubParagraphProps<E>) => JSX.Element;
 export {};

package/dist/UnorderedList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type UnorderedListProps = {
+export type UnorderedListProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Innholdet */

package/dist/styles.css

@@ -76,12 +76,10 @@
     "Helvetica Neue", sans-serif;
 }
 html {
-  background-color: #ffffff;
   background-color: #ffffff;
   background-color: var(--primary-background-color);
   box-sizing: border-box;
   color: #181c56;
-  color: #181c56;
   color: var(--primary-text-color);
   font-family: "Nationale", Arial, "Gotham Rounded", -apple-system,
     BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
@@ -260,20 +258,11 @@ html {
   background-position: 0 100%;
 }
 .eds-link:hover {
-  -webkit-animation: eds-link-underline 0.3s ease-in;
-          animation: eds-link-underline 0.3s ease-in;
+  animation: eds-link-underline 0.3s ease-in;
 }
 .eds-contrast .eds-link {
   background-image: linear-gradient(120deg, #ffffff 0%, #ffffff 100%);
 }
-@-webkit-keyframes eds-link-underline {
-  from {
-    background-size: 0% 0.125rem;
-  }
-  to {
-    background-size: 100% 0.125rem;
-  }
-}
 @keyframes eds-link-underline {
   from {
     background-size: 0% 0.125rem;
@@ -299,7 +288,6 @@ html {
 
 .eds-label,
 .eds-sub-label {
-  color: #656782;
   color: #656782;
   color: var(--primary-label-color);
 }
@@ -501,15 +489,6 @@ html {
   margin-bottom: 0;
 }
 
-@-webkit-keyframes lineExpand {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 100%;
-  }
-}
-
 @keyframes lineExpand {
   0% {
     width: 0;