@equinor/eds-core-react 0.18.0-envis.2 → 0.19.0-dev.20220405

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

@@ -7,12 +7,13 @@ import { jsx } from 'react/jsx-runtime';
 const StyledIcon = styled.div.withConfig({
   displayName: "Icon__StyledIcon",
   componentId: "sc-jr0rqa-0"
-})(({
-  colors,
-  isDisabled,
-  isFocused,
-  size
-}) => {
+})(_ref => {
+  let {
+    colors,
+    isDisabled,
+    isFocused,
+    size
+  } = _ref;
   const {
     focusColor,
     color,
@@ -30,18 +31,19 @@ const StyledIcon = styled.div.withConfig({
 
   return css(["&,svg{fill:", ";width:", "px;height:", "px;}"], fill, size, size);
 });
-const InputIcon = /*#__PURE__*/forwardRef(function InputIcon({
-  size = 24,
-  variant = 'default',
-  isDisabled = false,
-  colors = {
-    color: input[variant].color,
-    disabledColor: input[variant].disabledColor,
-    focusColor: input[variant].focusColor
-  },
-  children,
-  ...other
-}, ref) {
+const InputIcon = /*#__PURE__*/forwardRef(function InputIcon(_ref2, ref) {
+  let {
+    size = 24,
+    variant = 'default',
+    isDisabled = false,
+    colors = {
+      color: input[variant].color,
+      disabledColor: input[variant].disabledColor,
+      focusColor: input[variant].focusColor
+    },
+    children,
+    ...other
+  } = _ref2;
   const {
     isFocused
   } = useTextField();

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

@@ -5,9 +5,10 @@ const initalState = {
   isFocused: false
 };
 const TextFieldContext = /*#__PURE__*/createContext(initalState);
-const TextFieldProvider = ({
-  children
-}) => {
+const TextFieldProvider = _ref => {
+  let {
+    children
+  } = _ref;
   const [state, setState] = useState(initalState);
 
   const handleFocus = () => {

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

@@ -3,34 +3,34 @@ import styled, { ThemeProvider } from 'styled-components';
 import { Field } from './Field.js';
 import { TextFieldProvider } from './TextField.context.js';
 import { textfield } from './TextField.tokens.js';
+import { useId, useToken } from '@equinor/eds-utils';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId } from '../../hooks/useId.js';
 import { Label } from '../Label/Label.js';
 import { HelperText as TextfieldHelperText } from './HelperText/HelperText.js';
 import { useEds } from '../EdsProvider/eds.context.js';
-import { useToken } from '../../hooks/useToken.js';
 
 const Container = styled.div.withConfig({
   displayName: "TextField__Container",
   componentId: "sc-o1nc07-0"
 })(["min-width:100px;width:100%;"]);
-const TextField = /*#__PURE__*/forwardRef(function TextField({
-  id,
-  label,
-  meta,
-  unit,
-  helperText,
-  placeholder,
-  disabled,
-  multiline,
-  className,
-  variant = 'default',
-  inputRef,
-  inputIcon,
-  helperIcon,
-  rowsMax,
-  ...other
-}, ref) {
+const TextField = /*#__PURE__*/forwardRef(function TextField(_ref, ref) {
+  let {
+    id,
+    label,
+    meta,
+    unit,
+    helperText,
+    placeholder,
+    disabled,
+    multiline,
+    className,
+    variant = 'default',
+    inputRef,
+    inputIcon,
+    helperIcon,
+    rowsMax,
+    ...other
+  } = _ref;
   const helperTextId = useId(null, 'helpertext');
   const inputProps = {
     'aria-describedby': helperTextId,

package/dist/esm/components/Textarea/Textarea.js

@@ -2,22 +2,21 @@ import { forwardRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import * as Input_tokens from '../Input/Input.tokens.js';
 import { input as input$1 } from '../Input/Input.tokens.js';
+import { typographyTemplate, useAutoResize, useCombinedRefs, spacingsTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { jsx } from 'react/jsx-runtime';
-import { useAutoResize } from '../../hooks/useAutoResize.js';
-import { useCombinedRefs } from '../../hooks/useCombinedRefs.js';
-import { typographyTemplate, spacingsTemplate } from '../../utils/templates/index.js';
 import { useEds } from '../EdsProvider/eds.context.js';
-import { outlineTemplate } from '../../utils/templates/focus.js';
 
 const {
   input
 } = Input_tokens;
 
-const Variation = ({
-  variant,
-  token,
-  density
-}) => {
+const Variation = _ref => {
+  let {
+    variant,
+    token,
+    density
+  } = _ref;
+
   if (!variant) {
     return "";
   }
@@ -46,13 +45,14 @@ const StyledTextarea = styled.textarea.withConfig({
   displayName: "Textarea__StyledTextarea",
   componentId: "sc-2yjdcc-0"
 })(["width:100%;box-sizing:border-box;margin:0;border:none;appearance:none;background:", ";height:auto;", " ", " &::placeholder{color:", ";}&:disabled{color:", ";}&[readOnly]{box-shadow:", ";background:", ";}"], input.background, typographyTemplate(input.typography), Variation, input.entities.placeholder.typography.color, input.states.disabled.typography.color, input.states.readOnly.boxShadow, input.states.readOnly.background);
-const Textarea = /*#__PURE__*/forwardRef(function Textarea({
-  variant = 'default',
-  disabled = false,
-  type = 'text',
-  rowsMax,
-  ...other
-}, ref) {
+const Textarea = /*#__PURE__*/forwardRef(function Textarea(_ref2, ref) {
+  let {
+    variant = 'default',
+    disabled = false,
+    type = 'text',
+    rowsMax,
+    ...other
+  } = _ref2;
   const actualVariant = variant === 'default' ? 'input' : variant;
   const inputVariant = Input_tokens[actualVariant];
   const [textareaEl, setTextareaEl] = useState(null);

package/dist/esm/components/Tooltip/Tooltip.js

@@ -1,21 +1,14 @@
 import { forwardRef, useState, useRef, useEffect, cloneElement } from 'react';
 import * as ReactDom from 'react-dom';
 import styled from 'styled-components';
+import { typographyTemplate, spacingsTemplate, bordersTemplate, useIsMounted, useCombinedRefs, useId, useGlobalKeyPress, usePopper, joinHandlers } from '@equinor/eds-utils';
 import { tooltip } from './Tooltip.tokens.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useIsMounted } from '../../hooks/useMountedRef.js';
-import { useCombinedRefs } from '../../hooks/useCombinedRefs.js';
-import { useId } from '../../hooks/useId.js';
-import { useGlobalKeyPress } from '../../hooks/useGlobalKeyPress.js';
-import { usePopper } from '../../hooks/usePopper.js';
-import { joinHandlers } from '../../utils/joinHandlers.js';
-import { typographyTemplate, spacingsTemplate } from '../../utils/templates/index.js';
-import { bordersTemplate } from '../../utils/templates/borders.js';
 
 const StyledTooltip = styled.div.withConfig({
   displayName: "Tooltip__StyledTooltip",
   componentId: "sc-m2im2p-0"
-})(["", " ", " ", " background:", ";z-index:350;white-space:nowrap;.arrow{z-index:-1;width:", ";height:", ";}&[data-popper-placement^='top'] > .arrow{bottom:", ";.arrowSvg{transform:rotate(-90deg);}}&[data-popper-placement^='bottom'] > .arrow{top:", ";.arrowSvg{transform:rotate(90deg);}}&[data-popper-placement^='left'] > .arrow{right:", ";.arrowSvg{transform:rotate(-180deg);}}&[data-popper-placement^='right'] > .arrow{left:", ";}"], typographyTemplate(tooltip.typography), spacingsTemplate(tooltip.spacings), bordersTemplate(tooltip.border), tooltip.background, tooltip.entities.arrow.width, tooltip.entities.arrow.height, tooltip.entities.arrow.spacings.bottom, tooltip.entities.arrow.spacings.top, tooltip.entities.arrow.spacings.right, tooltip.entities.arrow.spacings.left);
+})(["", " ", " ", " background:", ";z-index:1500;white-space:nowrap;.arrow{z-index:-1;width:", ";height:", ";}&[data-popper-placement^='top'] > .arrow{bottom:", ";.arrowSvg{transform:rotate(-90deg);}}&[data-popper-placement^='bottom'] > .arrow{top:", ";.arrowSvg{transform:rotate(90deg);}}&[data-popper-placement^='left'] > .arrow{right:", ";.arrowSvg{transform:rotate(-180deg);}}&[data-popper-placement^='right'] > .arrow{left:", ";}"], typographyTemplate(tooltip.typography), spacingsTemplate(tooltip.spacings), bordersTemplate(tooltip.border), tooltip.background, tooltip.entities.arrow.width, tooltip.entities.arrow.height, tooltip.entities.arrow.spacings.bottom, tooltip.entities.arrow.spacings.top, tooltip.entities.arrow.spacings.right, tooltip.entities.arrow.spacings.left);
 const ArrowWrapper = styled.div.withConfig({
   displayName: "Tooltip__ArrowWrapper",
   componentId: "sc-m2im2p-1"
@@ -24,14 +17,16 @@ const TooltipArrow = styled.svg.withConfig({
   displayName: "Tooltip__TooltipArrow",
   componentId: "sc-m2im2p-2"
 })(["width:", ";height:", ";position:absolute;fill:", ";"], tooltip.entities.arrow.width, tooltip.entities.arrow.height, tooltip.background);
-const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
-  title,
-  placement = 'bottom',
-  children,
-  enterDelay = 100,
-  id,
-  ...rest
-}, ref) {
+const Tooltip = /*#__PURE__*/forwardRef(function Tooltip(_ref, ref) {
+  let {
+    title,
+    placement = 'bottom',
+    children,
+    enterDelay = 100,
+    id,
+    style,
+    ...rest
+  } = _ref;
   const isMounted = useIsMounted();
   const [popperEl, setPopperEl] = useState(null);
   const [arrowRef, setArrowRef] = useState(null);
@@ -43,10 +38,6 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
   const tooltipId = useId(id, 'tooltip');
   const containerId = 'eds-tooltip-container';
   const shouldOpen = isMounted && title !== '';
-  const {
-    setTimeout,
-    clearTimeout
-  } = window;
   useEffect(() => {
     if (document.getElementById(containerId) === null) {
       const tooltipContainerElement = document.createElement('div');
@@ -57,7 +48,7 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
     return () => {
       clearTimeout(openTimer.current);
     };
-  }, [clearTimeout]);
+  }, []);
 
   const openTooltip = () => {
     if (shouldOpen) {
@@ -77,9 +68,18 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
   const {
     styles,
     attributes
-  } = usePopper(anchorRef.current, popperEl, arrowRef, placement, 14);
+  } = usePopper({
+    anchorEl: anchorRef.current,
+    popperEl,
+    arrowRef,
+    placement,
+    offset: 14
+  });
   const props = {
     open,
+    style: { ...styles.popper,
+      ...style
+    },
     ...rest,
     ...attributes.popper
   };
@@ -99,7 +99,6 @@ const Tooltip = /*#__PURE__*/forwardRef(function Tooltip({
       id: tooltipId,
       role: "tooltip",
       ref: tooltipRef,
-      style: styles.popper,
       ...props,
       children: [title, /*#__PURE__*/jsx(ArrowWrapper, {
         ref: setArrowRef,

package/dist/esm/components/TopBar/Actions.js

@@ -6,10 +6,11 @@ const StyledActions = styled.div.withConfig({
   displayName: "Actions__StyledActions",
   componentId: "sc-1251ang-0"
 })(["grid-area:right;text-align:right;align-items:center;display:flex;"]);
-const Actions = /*#__PURE__*/forwardRef(function Actions({
-  children,
-  ...props
-}, ref) {
+const Actions = /*#__PURE__*/forwardRef(function Actions(_ref, ref) {
+  let {
+    children,
+    ...props
+  } = _ref;
   return /*#__PURE__*/jsx(StyledActions, {
     ref: ref,
     ...props,

package/dist/esm/components/TopBar/CustomContent.js

@@ -6,10 +6,11 @@ const StyledCustomContent = styled.div.withConfig({
   displayName: "CustomContent__StyledCustomContent",
   componentId: "sc-d0e83a-0"
 })(["grid-area:center;"]);
-const CustomContent = /*#__PURE__*/forwardRef(function CustomContent({
-  children,
-  ...props
-}, ref) {
+const CustomContent = /*#__PURE__*/forwardRef(function CustomContent(_ref, ref) {
+  let {
+    children,
+    ...props
+  } = _ref;
   return /*#__PURE__*/jsx(StyledCustomContent, {
     ref: ref,
     ...props,

package/dist/esm/components/TopBar/Header.js

@@ -6,10 +6,11 @@ const StyledHeader = styled.div.withConfig({
   displayName: "Header__StyledHeader",
   componentId: "sc-1fpllve-0"
 })(["grid-area:left;display:grid;grid-template-columns:auto auto;grid-gap:24px;align-items:center;"]);
-const Header = /*#__PURE__*/forwardRef(function Header({
-  children,
-  ...props
-}, ref) {
+const Header = /*#__PURE__*/forwardRef(function Header(_ref, ref) {
+  let {
+    children,
+    ...props
+  } = _ref;
   return /*#__PURE__*/jsx(StyledHeader, {
     ref: ref,
     ...props,

package/dist/esm/components/TopBar/TopBar.js

@@ -1,24 +1,24 @@
 import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
+import { bordersTemplate, spacingsTemplate, typographyTemplate, useToken } from '@equinor/eds-utils';
 import { topbar } from './TopBar.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { bordersTemplate } from '../../utils/templates/borders.js';
-import { spacingsTemplate, typographyTemplate } from '../../utils/templates/index.js';
 import { useEds } from '../EdsProvider/eds.context.js';
-import { useToken } from '../../hooks/useToken.js';
 
 const StyledTopBar = styled.header.withConfig({
   displayName: "TopBar__StyledTopBar",
   componentId: "sc-1yj236q-0"
-})(({
-  theme
-}) => {
-  return css(["height:", ";top:0;position:sticky;background:", ";box-sizing:border-box;z-index:250;display:grid;grid-column-gap:", ";grid-template-columns:auto 1fr auto;grid-template-areas:'left center right';align-items:center;", " ", ";", ""], theme.height, theme.background, theme.spacings.left, bordersTemplate(theme.border), spacingsTemplate(theme.spacings), typographyTemplate(theme.typography));
+})(_ref => {
+  let {
+    theme
+  } = _ref;
+  return css(["height:", ";top:0;position:sticky;background:", ";box-sizing:border-box;z-index:1100;display:grid;grid-column-gap:", ";grid-template-columns:auto 1fr auto;grid-template-areas:'left center right';align-items:center;", " ", ";", ""], theme.height, theme.background, theme.spacings.left, bordersTemplate(theme.border), spacingsTemplate(theme.spacings), typographyTemplate(theme.typography));
 });
-const TopBar = /*#__PURE__*/forwardRef(function TopBar({
-  children,
-  ...props
-}, ref) {
+const TopBar = /*#__PURE__*/forwardRef(function TopBar(_ref2, ref) {
+  let {
+    children,
+    ...props
+  } = _ref2;
   const {
     density
   } = useEds();

package/dist/esm/components/Typography/Typography.js

@@ -1,9 +1,8 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
+import { typographyTemplate, outlineTemplate } from '@equinor/eds-utils';
 import { colors, link, quickVariants, typography } from './Typography.tokens.js';
 import { jsx } from 'react/jsx-runtime';
-import { typographyTemplate } from '../../utils/templates/index.js';
-import { outlineTemplate } from '../../utils/templates/focus.js';
 
 const getElementType = (variant, link) => {
   if (link) {
@@ -39,37 +38,59 @@ const findTypography = (variantName, group) => {
   return typography[group][variantName];
 };
 
-const findColor = (inputColor = null) => typeof colors[inputColor] === 'undefined' ? inputColor : colors[inputColor];
+const findColor = function () {
+  let inputColor = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  return typeof colors[inputColor] === 'undefined' ? inputColor : colors[inputColor];
+};
 
-const toVariantName = (variant, bold = false, italic = false, link = false) => "".concat(variant).concat(bold ? '_bold' : '').concat(italic ? '_italic' : '').concat(link ? '_link' : '');
+const toVariantName = function (variant) {
+  let bold = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  let italic = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let link = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  return "".concat(variant).concat(bold ? '_bold' : '').concat(italic ? '_italic' : '').concat(link ? '_link' : '');
+};
 
 const StyledTypography = styled.p.withConfig({
   displayName: "Typography__StyledTypography",
   componentId: "sc-179guof-0"
-})(["", " ", " ", " ", ""], ({
-  typography,
-  link
-}) => typographyTemplate(typography, link), ({
-  color
-}) => css({
-  color: findColor(color)
-}), ({
-  lines
-}) => //https://caniuse.com/#feat=css-line-clamp
-lines > 0 && css(["&{display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}"], lines), ({
-  link: link$1
-}) => link$1 && css(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], outlineTemplate(link.states.focus.outline), outlineTemplate(link.states.focus.outline)));
-const Typography = /*#__PURE__*/forwardRef(function Typography({
-  variant = 'body_short',
-  children,
-  bold,
-  italic,
-  link,
-  group,
-  token,
-  as: providedAs,
-  ...other
-}, ref) {
+})(["", " ", " ", " ", ""], _ref => {
+  let {
+    typography,
+    link
+  } = _ref;
+  return typographyTemplate(typography, link);
+}, _ref2 => {
+  let {
+    color
+  } = _ref2;
+  return css({
+    color: findColor(color)
+  });
+}, _ref3 => {
+  let {
+    lines
+  } = _ref3;
+  return (//https://caniuse.com/#feat=css-line-clamp
+    lines > 0 && css(["&{display:-webkit-box;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}"], lines)
+  );
+}, _ref4 => {
+  let {
+    link: link$1
+  } = _ref4;
+  return link$1 && css(["&:focus{outline:none;}&[data-focus-visible-added]:focus{", "}&:focus-visible{", "}"], outlineTemplate(link.states.focus.outline), outlineTemplate(link.states.focus.outline));
+});
+const Typography = /*#__PURE__*/forwardRef(function Typography(_ref5, ref) {
+  let {
+    variant = 'body_short',
+    children,
+    bold,
+    italic,
+    link,
+    group,
+    token,
+    as: providedAs,
+    ...other
+  } = _ref5;
   const as = providedAs ? providedAs : getElementType(variant, link);
   const variantName = toVariantName(variant, bold, italic, link);
   const typography = findTypography(variantName, group);

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

@@ -2,7 +2,12 @@ import { tokens } from '@equinor/eds-tokens';
 
 const {
   typography,
-  colors: colorsToken
+  colors: colorsToken,
+  interactions: {
+    focused: {
+      width: focusOutlineWidth
+    }
+  }
 } = tokens;
 const {
   heading,
@@ -48,7 +53,7 @@ const link = {
   states: {
     focus: {
       outline: {
-        width: '1px',
+        width: focusOutlineWidth,
         color: focus,
         style: 'dashed',
         type: 'outline',

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/internal/_curry1.js

@@ -22,4 +22,4 @@ function _curry1(fn) {
 
 var _curry1_1 = _curry1;
 
-export default _curry1_1;
+export { _curry1_1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/internal/_curry2.js

@@ -35,4 +35,4 @@ function _curry2(fn) {
 
 var _curry2_1 = _curry2;
 
-export default _curry2_1;
+export { _curry2_1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/internal/_curry3.js

@@ -54,4 +54,4 @@ function _curry3(fn) {
 
 var _curry3_1 = _curry3;
 
-export default _curry3_1;
+export { _curry3_1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/internal/_has.js

@@ -4,4 +4,4 @@ function _has(prop, obj) {
 
 var _has_1 = _has;
 
-export default _has_1;
+export { _has_1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/internal/_isObject.js

@@ -4,4 +4,4 @@ function _isObject(x) {
 
 var _isObject_1 = _isObject;
 
-export default _isObject_1;
+export { _isObject_1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/internal/_isPlaceholder.js

@@ -4,4 +4,4 @@ function _isPlaceholder(a) {
 
 var _isPlaceholder_1 = _isPlaceholder;
 
-export default _isPlaceholder_1;
+export { _isPlaceholder_1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/mergeDeepRight.js

@@ -32,5 +32,6 @@ var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
 });
 
 var mergeDeepRight_1 = mergeDeepRight;
+var mergeDeepRight$1 = mergeDeepRight_1;
 
-export default mergeDeepRight_1;
+export { mergeDeepRight$1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/mergeDeepWithKey.js

@@ -46,4 +46,4 @@ var mergeDeepWithKey = /*#__PURE__*/_curry3(function mergeDeepWithKey(fn, lObj,
 
 var mergeDeepWithKey_1 = mergeDeepWithKey;
 
-export default mergeDeepWithKey_1;
+export { mergeDeepWithKey_1 as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.27.1 → ramda@0.27.2}/node_modules/ramda/src/mergeWithKey.js

@@ -50,4 +50,4 @@ var mergeWithKey = /*#__PURE__*/_curry3(function mergeWithKey(fn, l, r) {
 
 var mergeWithKey_1 = mergeWithKey;
 
-export default mergeWithKey_1;
+export { mergeWithKey_1 as default };

package/dist/types/components/Accordion/AccordionHeader.d.ts

@@ -15,7 +15,7 @@ export declare type AccordionHeaderProps = {
     toggleExpanded?: () => void;
     /** Accordion item toggle callback */
     onToggle?: () => void;
-} & AccordionProps & HTMLAttributes<HTMLDivElement>;
+} & AccordionProps & HTMLAttributes<HTMLButtonElement>;
 declare const AccordionHeader: import("react").ForwardRefExoticComponent<{
     /** The id of the button that toggles expansion */
     id?: string;
@@ -31,5 +31,5 @@ declare const AccordionHeader: import("react").ForwardRefExoticComponent<{
     toggleExpanded?: () => void;
     /** Accordion item toggle callback */
     onToggle?: () => void;
-} & AccordionProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+} & AccordionProps & HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
 export { AccordionHeader };

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

@@ -12,4 +12,4 @@ export declare type CheckboxProps = {
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'disabled'> & {
     ref?: Ref<HTMLInputElement>;
 };
-export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "color" | "height" | "width" | "type" | "style" | "disabled" | "readOnly" | "form" | "label" | "slot" | "title" | "pattern" | "children" | "hidden" | "size" | "multiple" | "name" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "max" | "min" | "crossOrigin" | "alt" | "src" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "required" | "step" | "indeterminate"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<CheckboxProps, "color" | "width" | "style" | "height" | "type" | "disabled" | "readOnly" | "form" | "label" | "slot" | "title" | "pattern" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "value" | "name" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "size" | "multiple" | "step" | "max" | "min" | "crossOrigin" | "alt" | "src" | "autoComplete" | "accept" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "required" | "indeterminate"> & import("react").RefAttributes<HTMLInputElement>>;