@entur/form 7.0.43 → 7.1.0

package/dist/BaseFormControl.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 import './BaseFormControl.scss';
-import { VariantType } from './VariantProvider';
+import { VariantType } from '@entur/utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type BaseFormControlProps = {
     /** Et skjemaelement med `eds-form-control`-klassen */
     children: React.ReactNode;
@@ -15,7 +19,7 @@ export type BaseFormControlProps = {
     /** Tekst eller ikon som vises etter skjema-elementet */
     append?: React.ReactNode;
     /** Valideringsvariant */
-    variant?: VariantType;
+    variant?: VariantType | typeof error | typeof info;
     /**Størrelsen på skjemaelementet
      * @default "medium"
      */
@@ -45,3 +49,4 @@ export type BaseFormControlProps = {
     ariaAlertOnFeedback?: boolean;
 };
 export declare const BaseFormControl: React.ForwardRefExoticComponent<BaseFormControlProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/FeedbackText.d.ts

@@ -1,15 +1,20 @@
 import React from 'react';
-import { VariantType } from './VariantProvider';
+import { VariantType } from '@entur/utils';
 import './FeedbackText.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type FeedbackTextProps = {
     /** Teksten som vises */
     children: React.ReactNode;
     /** Skjuler ikonet */
     hideIcon?: boolean;
-    /** Feedbackvarianten */
-    variant: VariantType;
+    /** Feedbackvarianten*/
+    variant: VariantType | typeof error | typeof info;
     /** Ekstra klassenavn */
     className?: string;
     [key: string]: any;
 };
 export declare const FeedbackText: React.FC<FeedbackTextProps>;
+export {};

package/dist/TextArea.d.ts

@@ -1,11 +1,15 @@
 import React from 'react';
-import { VariantType } from './VariantProvider';
 import './TextArea.scss';
+import { VariantType } from '@entur/utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type TextAreaProps = {
     /** Ekstra klassenavn */
     className?: string;
     /** Valideringsvariant */
-    variant?: VariantType;
+    variant?: VariantType | typeof error | typeof info;
     /** Deaktiverer tekstområdet */
     disabled?: boolean;
     /** Setter tekstområdet i read-only modus */
@@ -25,7 +29,7 @@ export declare const TextArea: React.ForwardRefExoticComponent<{
     /** Ekstra klassenavn */
     className?: string | undefined;
     /** Valideringsvariant */
-    variant?: VariantType | undefined;
+    variant?: "info" | "error" | VariantType | undefined;
     /** Deaktiverer tekstområdet */
     disabled?: boolean | undefined;
     /** Setter tekstområdet i read-only modus */
@@ -41,3 +45,4 @@ export declare const TextArea: React.ForwardRefExoticComponent<{
      */
     disableLabelAnimation?: boolean | undefined;
 } & React.TextareaHTMLAttributes<HTMLTextAreaElement> & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/TextField.d.ts

@@ -1,6 +1,10 @@
 import React from 'react';
-import { VariantType } from './VariantProvider';
+import { VariantType } from '@entur/utils';
 import './TextField.scss';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type TextFieldProps = {
     /** Tekst eller ikon som kommer før inputfeltet */
     prepend?: React.ReactNode;
@@ -14,8 +18,8 @@ export type TextFieldProps = {
     labelTooltip?: React.ReactNode;
     /** Varselmelding, som vil komme under TextField */
     feedback?: string;
-    /** Hvilken valideringsfarge som vises */
-    variant?: VariantType;
+    /** Hvilken valideringsfarge som vises*/
+    variant?: VariantType | typeof error | typeof info;
     /** Deaktiver inputfeltet */
     disabled?: boolean;
     /** Setter inputfeltet i read-only modus */
@@ -51,8 +55,8 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     labelTooltip?: React.ReactNode;
     /** Varselmelding, som vil komme under TextField */
     feedback?: string | undefined;
-    /** Hvilken valideringsfarge som vises */
-    variant?: VariantType | undefined;
+    /** Hvilken valideringsfarge som vises*/
+    variant?: "info" | "error" | VariantType | undefined;
     /** Deaktiver inputfeltet */
     disabled?: boolean | undefined;
     /** Setter inputfeltet i read-only modus */
@@ -75,3 +79,4 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     onClear?: (() => void) | undefined;
     ariaAlertOnFeedback?: boolean | undefined;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "label"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/VariantProvider.d.ts

@@ -1,7 +1,12 @@
 import React from 'react';
-export type VariantType = 'success' | 'error' | 'warning' | 'info';
+import { VariantType } from '@entur/utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
 export type VariantProviderProps = {
-    variant?: VariantType;
+    variant?: VariantType | typeof error | typeof info;
 };
 export declare const VariantProvider: React.FC<VariantProviderProps>;
-export declare const useVariant: () => VariantType | null;
+export declare const useVariant: () => VariantType | typeof error | typeof info | null;
+export {};

package/dist/form.cjs.development.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@entur/utils');
-var tooltip = require('@entur/tooltip');
 var classNames = require('classnames');
 var React = require('react');
 var icons = require('@entur/icons');
 var typography = require('@entur/typography');
+var tooltip = require('@entur/tooltip');
 var tokens = require('@entur/tokens');
 
 function _interopNamespaceDefault(e) {
@@ -57,27 +57,38 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 
 var _excluded$g = ["children", "hideIcon", "variant", "className"];
+/** @deprecated use variant="information" instead */
+var info = 'info';
+/** @deprecated use variant="negative" instead */
+var error$1 = 'error';
 var AlertIcon = function AlertIcon(_ref) {
   var variant = _ref.variant;
   var iconClass = "eds-feedback-text__icon eds-feedback-text__icon--" + variant;
   switch (variant) {
     case 'success':
-      return React.createElement(icons.ValidationCheckIcon, {
+      return React.createElement(icons.ValidationSuccessFilledIcon, {
         "aria-label": "Suksessmelding",
         className: iconClass
       });
-    case 'error':
-      return React.createElement(icons.ValidationErrorIcon, {
+    case 'negative':
+      return React.createElement(icons.ValidationErrorFilledIcon, {
         "aria-label": "Feilmelding",
         className: iconClass
       });
-    case 'info':
+    case 'information':
       return null;
     case 'warning':
-      return React.createElement(icons.ValidationExclamationIcon, {
+      return React.createElement(icons.ValidationExclamationFilledIcon, {
         "aria-label": "Varselmelding",
         className: iconClass
       });
+    case error$1:
+      return React.createElement(icons.ValidationErrorFilledIcon, {
+        "aria-label": "Feilmelding",
+        className: iconClass
+      });
+    case info:
+      return null;
     default:
       return null;
   }
@@ -91,7 +102,7 @@ var FeedbackText = function FeedbackText(_ref2) {
     rest = _objectWithoutPropertiesLoose(_ref2, _excluded$g);
   return React.createElement(typography.SubLabel, _extends({
     className: classNames('eds-feedback-text', {
-      'eds-feedback-text--info': variant === 'info'
+      'eds-feedback-text--information': variant === info || variant === 'information'
     }, className)
   }, rest), !hideIcon && React.createElement(AlertIcon, {
     variant: variant
@@ -160,6 +171,8 @@ var useVariant = function useVariant() {
 };
 
 var _excluded$e = ["children", "className", "disabled", "readOnly", "variant", "prepend", "append", "size", "isFilled", "label", "required", "labelTooltip", "feedback", "labelId", "labelProps", "style", "disableLabelAnimation", "ariaAlertOnFeedback"];
+/** @deprecated use variant="negative" instead */
+var error = 'error';
 var BaseFormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
@@ -190,7 +203,7 @@ var BaseFormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return React.createElement(InputGroupContextProvider, null, React.createElement("div", _extends({
     className: classNames('eds-form-control-wrapper', className, "eds-form-control-wrapper--size-" + size, {
       'eds-form-control-wrapper--success': currentVariant === 'success',
-      'eds-form-control-wrapper--error': currentVariant === 'error',
+      'eds-form-control-wrapper--negative': currentVariant === 'negative' || currentVariant === error,
       'eds-form-control-wrapper--disabled': disabled,
       'eds-form-control-wrapper--readonly': readOnly,
       'eds-form-control-wrapper--is-filled': isFilled