@equinor/eds-core-react 0.24.0 → 0.26.0

package/dist/esm/components/TextField/HelperText/HelperText.token.js

@@ -1,45 +0,0 @@
-import { tokens } from '@equinor/eds-tokens';
-
-var colors = tokens.colors,
-    comfortable = tokens.spacings.comfortable,
-    typography = tokens.typography;
-var helperText = {
-  background: colors.ui.background__light.hex,
-  typography: typography.input.helper,
-  spacings: {
-    comfortable: {
-      left: comfortable.small,
-      right: comfortable.small,
-      top: comfortable.small,
-      bottom: '6px'
-    },
-    compact: {
-      left: comfortable.small,
-      right: comfortable.small,
-      top: comfortable.xx_small,
-      bottom: '6px'
-    }
-  },
-  "default": {
-    color: colors.text.static_icons__tertiary.hex,
-    disabledColor: colors.interactive.disabled__text.hex,
-    focusColor: colors.text.static_icons__tertiary.hex
-  },
-  error: {
-    color: colors.interactive.danger__text.hex,
-    disabledColor: colors.interactive.disabled__text.hex,
-    focusColor: colors.interactive.danger__hover.hex
-  },
-  warning: {
-    color: colors.interactive.warning__text.hex,
-    disabledColor: colors.interactive.disabled__text.hex,
-    focusColor: colors.interactive.warning__hover.hex
-  },
-  success: {
-    color: colors.interactive.success__text.hex,
-    disabledColor: colors.interactive.disabled__text.hex,
-    focusColor: colors.interactive.success__hover.hex
-  }
-};
-
-export { helperText };

package/dist/esm/components/TextField/Icon/Icon.js

@@ -1,65 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { useTextField } from '../TextField.context.js';
-import { input } from './Icon.tokens.js';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["size", "variant", "isDisabled", "colors", "children"];
-var StyledIcon = styled.div.withConfig({
-  displayName: "Icon__StyledIcon",
-  componentId: "sc-jr0rqa-0"
-})(function (_ref) {
-  var colors = _ref.colors,
-      isDisabled = _ref.isDisabled,
-      isFocused = _ref.isFocused,
-      size = _ref.size;
-  var focusColor = colors.focusColor,
-      color = colors.color,
-      disabledColor = colors.disabledColor;
-  var fill = color;
-
-  if (isDisabled) {
-    fill = disabledColor;
-  }
-
-  if (isFocused) {
-    fill = focusColor;
-  }
-
-  return css(["&,svg{fill:", ";width:", "px;height:", "px;}"], fill, size, size);
-});
-var InputIcon = /*#__PURE__*/forwardRef(function InputIcon(_ref2, ref) {
-  var _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? 24 : _ref2$size,
-      _ref2$variant = _ref2.variant,
-      variant = _ref2$variant === void 0 ? 'default' : _ref2$variant,
-      _ref2$isDisabled = _ref2.isDisabled,
-      isDisabled = _ref2$isDisabled === void 0 ? false : _ref2$isDisabled,
-      _ref2$colors = _ref2.colors,
-      colors = _ref2$colors === void 0 ? {
-    color: input[variant].color,
-    disabledColor: input[variant].disabledColor,
-    focusColor: input[variant].focusColor
-  } : _ref2$colors,
-      children = _ref2.children,
-      other = _objectWithoutProperties(_ref2, _excluded);
-
-  var _useTextField = useTextField(),
-      isFocused = _useTextField.isFocused;
-
-  var iconProps = {
-    isDisabled: isDisabled,
-    colors: colors,
-    isFocused: isFocused,
-    size: size
-  };
-  return /*#__PURE__*/jsx(StyledIcon, _objectSpread(_objectSpread(_objectSpread({
-    ref: ref
-  }, iconProps), other), {}, {
-    children: children
-  }));
-});
-
-export { InputIcon as Icon };

package/dist/esm/components/TextField/Icon/Icon.tokens.js

@@ -1,42 +0,0 @@
-import { tokens } from '@equinor/eds-tokens';
-
-var colors = tokens.colors,
-    comfortable = tokens.spacings.comfortable;
-var input = {
-  spacings: {
-    comfortable: {
-      left: comfortable.small,
-      right: comfortable.small,
-      top: '10px',
-      bottom: '10px'
-    },
-    compact: {
-      left: comfortable.small,
-      right: comfortable.small,
-      top: '10px',
-      bottom: '10px'
-    }
-  },
-  "default": {
-    color: colors.text.static_icons__tertiary.hex,
-    disabledColor: colors.interactive.disabled__fill.hex,
-    focusColor: colors.interactive.primary__resting.hex
-  },
-  error: {
-    color: colors.interactive.danger__resting.hex,
-    disabledColor: colors.interactive.disabled__fill.hex,
-    focusColor: colors.interactive.danger__hover.hex
-  },
-  warning: {
-    color: colors.interactive.warning__resting.hex,
-    disabledColor: colors.interactive.disabled__fill.hex,
-    focusColor: colors.interactive.warning__hover.hex
-  },
-  success: {
-    color: colors.interactive.success__resting.hex,
-    disabledColor: colors.interactive.disabled__fill.hex,
-    focusColor: colors.interactive.success__hover.hex
-  }
-};
-
-export { input };

package/dist/esm/components/TextField/TextField.context.js

@@ -1,48 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState, createContext, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var initalState = {
-  isFocused: false
-};
-var TextFieldContext = /*#__PURE__*/createContext(initalState);
-var TextFieldProvider = function TextFieldProvider(_ref) {
-  var children = _ref.children;
-
-  var _useState = useState(initalState),
-      _useState2 = _slicedToArray(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var handleFocus = function handleFocus() {
-    setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        isFocused: true
-      });
-    });
-  };
-
-  var handleBlur = function handleBlur() {
-    setState(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, {
-        isFocused: false
-      });
-    });
-  };
-
-  var value = {
-    handleFocus: handleFocus,
-    handleBlur: handleBlur,
-    isFocused: state.isFocused
-  };
-  return /*#__PURE__*/jsx(TextFieldContext.Provider, {
-    value: value,
-    children: children
-  });
-};
-var useTextField = function useTextField() {
-  return useContext(TextFieldContext);
-};
-
-export { TextFieldProvider, useTextField };

package/dist/esm/components/TextField/TextField.tokens.js

@@ -1,120 +0,0 @@
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import { tokens as tokens$1 } from '@equinor/eds-tokens';
-
-var colors = tokens$1.colors,
-    typography = tokens$1.typography,
-    _tokens$spacings$comf = tokens$1.spacings.comfortable,
-    small = _tokens$spacings$comf.small,
-    x_small = _tokens$spacings$comf.x_small;
-var textfield = {
-  background: colors.ui.background__light.hex,
-  border: {
-    type: 'border',
-    radius: 0,
-    width: '1px',
-    color: colors.text.static_icons__tertiary.hex
-  },
-  spacings: {
-    left: small,
-    right: small,
-    top: small
-  },
-  states: {
-    focus: {
-      outline: {
-        width: '2px',
-        color: colors.interactive.primary__resting.hex,
-        style: 'solid',
-        type: 'outline',
-        offset: '0px'
-      }
-    },
-    readOnly: {
-      background: 'transparent',
-      boxShadow: 'none'
-    }
-  },
-  entities: {
-    unit: {
-      typography: _objectSpread(_objectSpread({}, typography.input.label), {}, {
-        color: colors.text.static_icons__tertiary.hex
-      }),
-      states: {
-        disabled: {
-          typography: {
-            color: colors.interactive.disabled__text.hex
-          }
-        }
-      }
-    }
-  },
-  modes: {
-    compact: {
-      spacings: {
-        left: x_small,
-        right: x_small,
-        top: x_small,
-        bottom: x_small
-      }
-    }
-  }
-};
-var error = {
-  border: {
-    type: 'border',
-    radius: 0,
-    width: '1px',
-    color: colors.interactive.danger__resting.hex
-  },
-  states: {
-    focus: {
-      outline: {
-        width: '2px',
-        color: colors.interactive.danger__hover.hex,
-        style: 'solid',
-        type: 'outline',
-        offset: '0px'
-      }
-    }
-  }
-};
-var warning = {
-  border: {
-    type: 'border',
-    radius: 0,
-    width: '1px',
-    color: colors.interactive.warning__resting.hex
-  },
-  states: {
-    focus: {
-      outline: {
-        width: '2px',
-        color: colors.interactive.warning__hover.hex,
-        style: 'solid',
-        type: 'outline',
-        offset: '0px'
-      }
-    }
-  }
-};
-var success = {
-  border: {
-    type: 'border',
-    radius: 0,
-    width: '1px',
-    color: colors.interactive.success__resting.hex
-  },
-  states: {
-    focus: {
-      outline: {
-        width: '2px',
-        color: colors.interactive.success__hover.hex,
-        style: 'solid',
-        type: 'outline',
-        offset: '0px'
-      }
-    }
-  }
-};
-
-export { error, success, textfield, warning };

package/dist/types/components/Search/Search.tokens.d.ts

@@ -1,4 +0,0 @@
-import type { ComponentToken } from '@equinor/eds-tokens';
-declare type SearchToken = ComponentToken;
-export declare const search: SearchToken;
-export {};

package/dist/types/components/TextField/Field.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-import type { Variants } from './types';
-import type { TextFieldToken } from './TextField.tokens';
-declare type InputWrapperType = {
-    isFocused: boolean;
-    isDisabled: boolean;
-    isReadOnly: boolean;
-    variant: string;
-    token: TextFieldToken;
-    inputIcon?: ReactNode;
-    unit?: string;
-    multiline?: boolean;
-};
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputWrapperType, never>;
-export declare const Field: import("react").ForwardRefExoticComponent<{
-    /** Specifies if input should be multiline*/
-    multiline?: boolean;
-    /** Placeholder */
-    placeholder?: string;
-    /** Variant */
-    variant?: Variants;
-    /** Disabled state */
-    disabled?: boolean;
-    /** Type */
-    type?: string;
-    /** Read Only */
-    readOnly?: boolean;
-    /** Unit text */
-    unit?: string;
-    inputIcon?: ReactNode;
-    /** Specifies max rows for multiline input */
-    rowsMax?: number;
-} & import("react").HTMLAttributes<HTMLInputElement | HTMLTextAreaElement> & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
-export {};

package/dist/types/components/TextField/HelperText/HelperText.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-import type { Variants } from '../types';
-declare type TextfieldHelperTextProps = {
-    /** Helper text */
-    helperText?: string;
-    /** Icon */
-    icon?: ReactNode;
-    /** Disabled */
-    disabled?: boolean;
-    /** Variant */
-    variant: Variants;
-};
-declare const TextfieldHelperText: import("react").ForwardRefExoticComponent<TextfieldHelperTextProps & import("react").RefAttributes<HTMLDivElement>>;
-export { TextfieldHelperText as HelperText };

package/dist/types/components/TextField/HelperText/index.d.ts

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

package/dist/types/components/TextField/Icon/Icon.d.ts

@@ -1,13 +0,0 @@
-import { HTMLAttributes } from 'react';
-import type { Variants, ColorStateProps } from '../types';
-declare const InputIcon: import("react").ForwardRefExoticComponent<{
-    /** isDisabled */
-    isDisabled?: boolean;
-    /** Variant */
-    variant?: Variants;
-    /** Colors */
-    colors?: ColorStateProps;
-    /** Size */
-    size?: 16 | 24;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export { InputIcon as Icon };

package/dist/types/components/TextField/Icon/Icon.tokens.d.ts

@@ -1,14 +0,0 @@
-import type { Spacing } from '@equinor/eds-tokens';
-import { ColorStateProps } from '../types';
-declare type InputProps = {
-    spacings: {
-        comfortable: Spacing;
-        compact: Spacing;
-    };
-    default: ColorStateProps;
-    error: ColorStateProps;
-    warning: ColorStateProps;
-    success: ColorStateProps;
-};
-export declare const input: InputProps;
-export {};

package/dist/types/components/TextField/Icon/index.d.ts

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

package/dist/types/components/TextField/TextField.context.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-export declare const propsFor: {
-    variants: string[];
-};
-declare type State = {
-    isFocused: boolean;
-};
-declare type UseTextFieldProps<T> = {
-    handleFocus: () => void;
-    handleBlur: () => void;
-} & T;
-declare type ProviderProps = {
-    children: ReactNode;
-};
-export declare const TextFieldProvider: ({ children }: ProviderProps) => JSX.Element;
-export declare const useTextField: () => UseTextFieldProps<State>;
-export {};

package/dist/types/components/TextField/TextField.tokens.d.ts

@@ -1,10 +0,0 @@
-import type { ComponentToken } from '@equinor/eds-tokens';
-export declare type TextFieldToken = ComponentToken & {
-    entities?: {
-        unit?: ComponentToken;
-    };
-};
-export declare const textfield: TextFieldToken;
-export declare const error: TextFieldToken;
-export declare const warning: TextFieldToken;
-export declare const success: TextFieldToken;

package/dist/types/components/TextField/types.d.ts

@@ -1,6 +0,0 @@
-export declare type Variants = 'error' | 'warning' | 'success' | 'default';
-export declare type ColorStateProps = {
-    color: string;
-    disabledColor: string;
-    focusColor: string;
-};