@onewelcome/react-lib-components 4.3.0 → 5.0.0

package/dist/cjs/_BaseStyling_/BaseStyling.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseStyling.cjs.js","sources":["../../../../../src/components/_BaseStyling_/BaseStyling.tsx"],"sourcesContent":["/*\n * Copyright 2022 OneWelcome B.V.\n *\n *    Licensed under the Apache License, Version 2.0 (the \"License\");\n *    you may not use this file except in compliance with the License.\n *    You may obtain a copy of the License at\n *\n *        http://www.apache.org/licenses/LICENSE-2.0\n *\n *    Unless required by applicable law or agreed to in writing, software\n *    distributed under the License is distributed on an \"AS IS\" BASIS,\n *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *    See the License for the specific language governing permissions and\n *    limitations under the License.\n */\n\n/**\n * If you add more CSS variables, and they are a color, make sure to go into /.storybook/addon/src/components/PanelContent.tsx\n * and make sure to add it to the shouldBeColorPicker array!\n */\n\nimport React, { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\n\ninterface CSSProperties {\n  colorFocus?: string;\n  colorPrimary?: string;\n  colorSecondary?: string;\n  colorTertiary?: string;\n  colorPrimary100?: string;\n  colorPrimary300?: string;\n  colorPrimary500?: string;\n  colorPrimary600?: string;\n  colorPrimary700?: string;\n  colorPrimary900?: string;\n  colorBlueGrey100?: string;\n  colorBlueGrey200?: string;\n  colorBlueGrey300?: string;\n  colorBlueGrey400?: string;\n  colorBlueGrey25?: string;\n  colorBlueGrey25Transparent?: string;\n  colorBlueGrey50?: string;\n  colorBlueGrey500?: string;\n  colorBlueGrey700?: string;\n  colorBlueGrey800?: string;\n  colorBlueGrey900?: string;\n  colorGreen100?: string;\n  colorGreen200?: string;\n  colorGreen500?: string;\n  colorGreen600?: string;\n  colorGreen700?: string;\n  colorLightBlue500?: string;\n  colorLightBlue600?: string;\n  colorShadowBlue?: string;\n  colorOrange500?: string;\n  colorOrange600?: string;\n  colorOrange700?: string;\n  colorRed200?: string;\n  colorRed500?: string;\n  colorRed600?: string;\n  colorRed700?: string;\n  colorWhite?: string;\n  colorBlack100?: string;\n  colorBlack20?: string;\n  colorBlack10?: string;\n  defaultPressedColor?: string;\n  defaultHoverColor?: string;\n  defaultLineHeight?: string;\n  focusBorderRadius?: string;\n  buttonBorderRadius?: string;\n  buttonBorderWidth?: string;\n  buttonFontSize?: string;\n  buttonBorderStyle?: string;\n  buttonPrimaryDefaultColor?: string;\n  buttonPrimaryPressedColor?: string;\n  buttonFillTextColor?: string;\n  buttonPrimaryHoverColor?: string;\n  buttonPrimaryFocusedColor?: string;\n  buttonOutlineHoverTextColor?: string;\n  buttonSecondaryDefaultColor?: string;\n  buttonSecondaryHoverColor?: string;\n  buttonSecondaryFocusedColor?: string;\n  buttonSecondaryPressedColor?: string;\n  buttonWarningDefaultColor?: string;\n  buttonWarningHoverColor?: string;\n  buttonWarningFocusedColor?: string;\n  buttonWarningPressedColor?: string;\n  buttonDangerDefaultColor?: string;\n  buttonDangerHoverColor?: string;\n  buttonDangerFocusedColor?: string;\n  buttonDangerPressedColor?: string;\n  buttonDefaultColor?: string;\n  buttonDefaultHoverColor?: string;\n  buttonDefaultFocusedColor?: string;\n  buttonDefaultPressedColor?: string;\n  buttonOutlineActiveTextColor?: string;\n  checkboxUncheckedHoverColor?: string;\n  checkboxUncheckedPressedColor?: string;\n  checkboxCheckedHoverColor?: string;\n  checkboxCheckedPressedColor?: string;\n  radioHoverBackgroundColor?: string;\n  radioPressedBackgroundColor?: string;\n  radioHoverColor?: string;\n  radioPressedColor?: string;\n  defaultBorderRadius?: string;\n  inputBorderRadius?: string;\n  inputBorderWidth?: string;\n  inputBorderWidthFocus?: string;\n  inputBorderStyle?: string;\n  inputBorderColor?: string;\n  inputBackgroundColor?: string;\n  inputHelperTextColor?: string;\n  inputHoverBackgroundColor?: string;\n  inputDisabledBackgroundColor?: string;\n  dragBackgroundColor?: string;\n  dragBorderStyle?: string;\n  modalShadowColor?: string;\n  modalBackgroundColor?: string;\n  modalBackdropColor?: string;\n  skeletonBackgroundColor?: string;\n  skeletonAnimationColorRgb?: string;\n  snackbarTextColor?: string;\n  snackbarInfoBackgroundColor?: string;\n  snackbarSuccessBackgroundColor?: string;\n  snackbarErrorBackgroundColor?: string;\n  snackbarWarningBackgroundColor?: string;\n  snackbarBorderRadius?: string;\n  stepperWaitingColor?: string;\n  stepperWaitingHoverColor?: string;\n  stepperWaitingActiveColor?: string;\n  stepperWaitingDisabledColor?: string;\n  stepperCurrentColor?: string;\n  stepperCurrentHoverColor?: string;\n  stepperCurrentActiveColor?: string;\n  stepperCurrentDisabledColor?: string;\n  stepperDoneColor?: string;\n  stepperDoneHoverColor?: string;\n  stepperDoneActiveColor?: string;\n  stepperDoneDisabledColor?: string;\n  stepperErrorColor?: string;\n  stepperErrorHoverColor?: string;\n  stepperErrorActiveColor?: string;\n  stepperErrorDisabledColor?: string;\n  stepperDefaultTextColor?: string;\n  stepperLineColor?: string;\n  stepperLineBoldColor?: string;\n  stepperLineDisabledColor?: string;\n  stepperLineBoldDisabledColor?: string;\n  stepperLabelColor?: string;\n  stepperCaptionColor?: string;\n  stepperCaptionErrorColor?: string;\n  stepperLabelDisabledColor?: string;\n  stepperCaptionDisabledColor?: string;\n  stepperCaptionErrorDisabledColor?: string;\n  bannerBorderRadius?: string;\n  bannerBorderWidth?: string;\n  dataGridRowBackgroundColor?: string;\n  dataGridRowHoverBackgroundColor?: string;\n  progressBarBackgroundColor?: string;\n  tabsBackgroundColor?: string;\n  tabActiveBorderHeight?: string;\n  tabActiveBorderColor?: string;\n  tabActiveTextColor?: string;\n  tablistBorderWidth?: string;\n  tablistBorderStyle?: string;\n  tablistBorderColor?: string;\n  tabTextColor?: string;\n  tabHoverColor?: string;\n  tabPressedColor?: string;\n  toggleBackgroundColor?: string;\n  tooltipBackgroundColor?: string;\n  wizardStepIndicatorFutureColor?: string;\n  contextMenuHoverColor?: string;\n  contextMenuPressedColor?: string;\n  default?: string;\n  success?: string;\n  error?: string;\n  info?: string;\n  disabled?: string;\n  greyedOut?: string;\n  lightGreyBorder?: string;\n  warning?: string;\n  light?: string;\n  fontFamily?: string;\n  fontFamilyCode?: string;\n  fontSizeFormLabel?: string;\n  fontSize?: string;\n  fontSizeH1?: string;\n  fontSizeH2?: string;\n  fontSizeH3?: string;\n  fontSizeH4?: string;\n  fontSizeSub?: string;\n  fontSizeCode?: string;\n  formControlFontSize?: string;\n}\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactElement[] | ReactElement | string[] | string | number[] | number;\n  properties?: CSSProperties;\n}\n\nexport const BaseStyling = ({ children, properties = {} }: Props) => {\n  const defaultProperties: CSSProperties = {\n    colorPrimary100: \"#CDD0EA\",\n    colorPrimary300: \"#6871BF\",\n    colorPrimary500: \"#041295\",\n    colorPrimary600: \"#030F77\",\n    colorPrimary700: \"#020B59\",\n    colorPrimary900: \"#01041E\",\n    colorBlueGrey25: \"#F7F7F9\",\n    colorBlueGrey25Transparent: \"rgba(247, 247, 249, .8)\",\n    colorBlueGrey50: \"#EEEFF3\",\n    colorBlueGrey100: \"#DEDEE6\",\n    colorBlueGrey200: \"#BCBECE\",\n    colorBlueGrey300: \"#9A9DB5\",\n    colorBlueGrey400: \"#797D9C\",\n    colorBlueGrey500: \"#5D607E\",\n    colorBlueGrey700: \"#383A4B\",\n    colorBlueGrey800: \"#252733\",\n    colorBlueGrey900: \"#131319\",\n    colorGreen100: \"#D1E6DA\",\n    colorGreen200: \"#A2CDB4\",\n    colorGreen500: \"#178244\",\n    colorGreen600: \"#126836\",\n    colorGreen700: \"#0E4E29\",\n    colorLightBlue500: \"#00BCDD\",\n    colorLightBlue600: \"#0096B1\",\n    colorOrange500: \"#E07900\",\n    colorOrange600: \"#B36100\",\n    colorOrange700: \"#864900\",\n    colorRed200: \"#F3A599\",\n    colorRed500: \"#E01E00\",\n    colorRed600: \"#B31800\",\n    colorRed700: \"#861200\",\n    colorBlack100: \"#000000\",\n    colorBlack20: \"rgba(0, 0, 0, 0.2)\",\n    colorBlack10: \"rgba(0, 0, 0, 0.1)\",\n    colorShadowBlue: \"#7078C3\",\n    colorWhite: \"#FFFFFF\",\n    colorFocus: \"var(--color-primary300)\",\n    colorPrimary: \"var(--color-primary500)\",\n    colorSecondary: \"var(--color-green500)\",\n    colorTertiary: \"var(--color-light-blue600)\",\n    defaultPressedColor: \"var(--color-blue-grey100)\",\n    defaultHoverColor: \"var(--color-blue-grey25)\",\n    defaultLineHeight: \"1.5\", //FIXME: UCL-395\n    defaultBorderRadius: \"0.25rem\",\n    focusBorderRadius: \"0.125rem\",\n    buttonBorderRadius: \"var(--default-border-radius)\",\n    buttonBorderWidth: \"2px\",\n    buttonFontSize: \"1rem\",\n    buttonBorderStyle: \"solid\",\n    buttonFillTextColor: \"var(--light)\",\n    buttonPrimaryDefaultColor: \"var(--color-primary500)\",\n    buttonPrimaryHoverColor: \"var(--color-primary600)\",\n    buttonPrimaryFocusedColor: \"var(--color-primary500)\",\n    buttonPrimaryPressedColor: \"var(--color-primary700)\",\n    buttonSecondaryDefaultColor: \"var(--color-green500)\",\n    buttonSecondaryHoverColor: \"var(--color-green600)\",\n    buttonSecondaryFocusedColor: \"var(--color-green500)\",\n    buttonSecondaryPressedColor: \"var(--color-green700)\",\n    buttonWarningDefaultColor: \"var(--color-orange500)\",\n    buttonWarningHoverColor: \"var(--color-orange600)\",\n    buttonWarningFocusedColor: \"var(--color-orange500)\",\n    buttonWarningPressedColor: \"var(--color-orange700)\",\n    buttonDangerDefaultColor: \"var(--color-red500)\",\n    buttonDangerHoverColor: \"var(--color-red600)\",\n    buttonDangerFocusedColor: \"var(--color-red500)\",\n    buttonDangerPressedColor: \"var(--color-red700)\",\n    buttonDefaultColor: \"var(--color-blue-grey700)\",\n    buttonDefaultHoverColor: \"var(--color-blue-grey800)\",\n    buttonDefaultFocusedColor: \"var(--color-blue-grey700)\",\n    buttonDefaultPressedColor: \"var(--color-blue-grey800)\",\n    buttonOutlineHoverTextColor: \"var(--color-primary600)\",\n    checkboxUncheckedHoverColor: \"var(--color-blue-grey50)\",\n    checkboxUncheckedPressedColor: \"var(--default-pressed-color)\",\n    checkboxCheckedHoverColor: \"var(--color-primary600)\",\n    checkboxCheckedPressedColor: \"var(--color-primary700)\",\n    radioHoverBackgroundColor: \"var(--color-blue-grey50)\",\n    radioPressedBackgroundColor: \"var(--default-pressed-color)\",\n    radioHoverColor: \"var(--color-primary600)\",\n    radioPressedColor: \"var(--color-primary700)\",\n    inputBorderRadius: \"2px\",\n    inputBorderWidth: \"1px\",\n    inputBorderWidthFocus: \"1px\",\n    inputBorderStyle: \"solid\",\n    inputBorderColor: \"var(--color-blue-grey500)\",\n    inputBackgroundColor: \"var(--light)\",\n    inputHelperTextColor: \"var(--color-blue-grey500)\",\n    inputHoverBackgroundColor: \"var(--default-hover-color)\",\n    inputDisabledBackgroundColor: \"var(--input-hover-background-color)\",\n    dragBackgroundColor: \"var(--color-blue-grey25-transparent)\",\n    dragBorderStyle: \"solid\",\n    modalShadowColor: \"rgba(0, 0, 0, 0.16)\",\n    modalBackgroundColor: \"var(--light)\",\n    modalBackdropColor: \"var(--default)\",\n    skeletonBackgroundColor: \"var(--disabled)\",\n    skeletonAnimationColorRgb: \"255, 255, 255\",\n    snackbarTextColor: \"var(--light)\",\n    snackbarInfoBackgroundColor: \"var(--color-primary500)\",\n    snackbarSuccessBackgroundColor: \"var(--color-green500)\",\n    snackbarErrorBackgroundColor: \"var(--color-red500)\",\n    snackbarWarningBackgroundColor: \"var(--color-orange500)\",\n    snackbarBorderRadius: \"2px\",\n    stepperWaitingColor: \"var(--color-blue-grey200)\",\n    stepperWaitingHoverColor: \"var(--color-blue-grey300)\",\n    stepperWaitingActiveColor: \"var(--color-blue-grey400)\",\n    stepperWaitingDisabledColor: \"var(--color-blue-grey100)\",\n    stepperCurrentColor: \"var(--color-primary500)\",\n    stepperCurrentHoverColor: \"var(--color-primary600)\",\n    stepperCurrentActiveColor: \"var(--color-primary700)\",\n    stepperCurrentDisabledColor: \"var(--color-primary100)\",\n    stepperDoneColor: \"var(--color-green500)\",\n    stepperDoneHoverColor: \"var(--color-green600)\",\n    stepperDoneActiveColor: \"var(--color-green700)\",\n    stepperDoneDisabledColor: \"var(--color-green200)\",\n    stepperErrorColor: \"var(--color-red500)\",\n    stepperErrorHoverColor: \"var(--color-red600)\",\n    stepperErrorActiveColor: \"var(--color-red700)\",\n    stepperErrorDisabledColor: \"var(--color-red200)\",\n    stepperDefaultTextColor: \"var(--color-white)\",\n    stepperLineColor: \"var(--color-blue-grey300)\",\n    stepperLineBoldColor: \"var(--color-blue-grey700)\",\n    stepperLineDisabledColor: \"var(--color-blue-grey100)\",\n    stepperLineBoldDisabledColor: \"var(--color-blue-grey300)\",\n    stepperLabelColor: \"var(--color-blue-grey900)\",\n    stepperCaptionColor: \"var(--color-blue-grey500)\",\n    stepperCaptionErrorColor: \"var(--color-red500)\",\n    stepperLabelDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionDisabledColor: \"var(--color-blue-grey400)\",\n    stepperCaptionErrorDisabledColor: \"var(--color-red200)\",\n    bannerBorderRadius: \"2px\",\n    bannerBorderWidth: \"0 0 0 4px\",\n    dataGridRowBackgroundColor: \"transparent\",\n    dataGridRowHoverBackgroundColor: \"var(--default-hover-color)\",\n    progressBarBackgroundColor: \"var(--disabled)\",\n    tabsBackgroundColor: \"var(--light)\",\n    tabActiveBorderHeight: \"0.25rem\",\n    tabActiveBorderColor: \"var(--color-primary)\",\n    tabActiveTextColor: \"var(--color-primary)\",\n    tablistBorderWidth: \"0.0625rem\",\n    tablistBorderStyle: \"solid\",\n    tablistBorderColor: \"var(--color-blue-grey100)\",\n    tabTextColor: \"var(--color-blue-grey900)\",\n    tabHoverColor: \"var(--default-hover-color)\",\n    tabPressedColor: \"var(--default-pressed-color)\",\n    toggleBackgroundColor: \"var(--color-blue-grey100)\",\n    tooltipBackgroundColor: \"var(--default)\",\n    wizardStepIndicatorFutureColor: \"var(--color-blue-grey200)\",\n    contextMenuHoverColor: \"var(--default-hover-color)\",\n    contextMenuPressedColor: \"var(--default-pressed-color)\",\n    default: \"var(--color-blue-grey900)\",\n    success: \"var(--color-green500)\",\n    error: \"var(--color-red500)\",\n    info: \"var(--color-primary500)\",\n    disabled: \"var(--color-blue-grey100)\",\n    greyedOut: \"var(--color-blue-grey400)\",\n    lightGreyBorder: \"var(--color-blue-grey100)\",\n    warning: \"var(--color-orange500)\",\n    light: \"var(--color-white)\",\n    fontFamily: \"Roboto, sans-serif\",\n    fontFamilyCode: \"'Roboto Mono', monospace\",\n    fontSizeFormLabel: \"0.875rem\", //FIXME: UCL-395\n    fontSize: \"1rem\", //FIXME: UCL-395\n    fontSizeH1: \"2.5rem\",\n    fontSizeH2: \"1.625rem\",\n    fontSizeH3: \"1.5rem\",\n    fontSizeH4: \"1.25rem\",\n    fontSizeSub: \".75rem\",\n    fontSizeCode: \"1rem\",\n    formControlFontSize: \"0.875rem\" //FIXME: UCL-395\n  };\n\n  /** We need a loading state, because otherwise you see the colors flash from the default to the possible overridden ones. */\n  const [isLoading, setIsLoading] = useState(true);\n  const baseStylingWrapper = useRef(null);\n\n  const setCSSProperties = (CSSPropertiesObject: CSSProperties) => {\n    for (const [key, value] of Object.entries(CSSPropertiesObject)) {\n      const formattedPropertyName = key.replace(/([A-Z])/g, val => `-${val.toLowerCase()}`);\n      (baseStylingWrapper.current! as HTMLElement).style.setProperty(\n        `--${formattedPropertyName}`,\n        value\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (Object.keys(properties).length !== 0 && baseStylingWrapper.current) {\n      const mergedState = { ...defaultProperties, ...properties };\n      setCSSProperties(mergedState);\n    } else if (baseStylingWrapper.current) {\n      setCSSProperties(defaultProperties);\n    }\n    setIsLoading(false);\n  }, [properties, baseStylingWrapper.current]);\n\n  return (\n    <div className=\"basestyling-wrapper\" ref={baseStylingWrapper}>\n      {!isLoading ? children : null}\n    </div>\n  );\n};\n"],"names":["BaseStyling","children","properties","defaultProperties","colorPrimary100","colorPrimary300","colorPrimary500","colorPrimary600","colorPrimary700","colorPrimary900","colorBlueGrey25","colorBlueGrey25Transparent","colorBlueGrey50","colorBlueGrey100","colorBlueGrey200","colorBlueGrey300","colorBlueGrey400","colorBlueGrey500","colorBlueGrey700","colorBlueGrey800","colorBlueGrey900","colorGreen100","colorGreen200","colorGreen500","colorGreen600","colorGreen700","colorLightBlue500","colorLightBlue600","colorOrange500","colorOrange600","colorOrange700","colorRed200","colorRed500","colorRed600","colorRed700","colorBlack100","colorBlack20","colorBlack10","colorShadowBlue","colorWhite","colorFocus","colorPrimary","colorSecondary","colorTertiary","defaultPressedColor","defaultHoverColor","defaultLineHeight","defaultBorderRadius","focusBorderRadius","buttonBorderRadius","buttonBorderWidth","buttonFontSize","buttonBorderStyle","buttonFillTextColor","buttonPrimaryDefaultColor","buttonPrimaryHoverColor","buttonPrimaryFocusedColor","buttonPrimaryPressedColor","buttonSecondaryDefaultColor","buttonSecondaryHoverColor","buttonSecondaryFocusedColor","buttonSecondaryPressedColor","buttonWarningDefaultColor","buttonWarningHoverColor","buttonWarningFocusedColor","buttonWarningPressedColor","buttonDangerDefaultColor","buttonDangerHoverColor","buttonDangerFocusedColor","buttonDangerPressedColor","buttonDefaultColor","buttonDefaultHoverColor","buttonDefaultFocusedColor","buttonDefaultPressedColor","buttonOutlineHoverTextColor","checkboxUncheckedHoverColor","checkboxUncheckedPressedColor","checkboxCheckedHoverColor","checkboxCheckedPressedColor","radioHoverBackgroundColor","radioPressedBackgroundColor","radioHoverColor","radioPressedColor","inputBorderRadius","inputBorderWidth","inputBorderWidthFocus","inputBorderStyle","inputBorderColor","inputBackgroundColor","inputHelperTextColor","inputHoverBackgroundColor","inputDisabledBackgroundColor","dragBackgroundColor","dragBorderStyle","modalShadowColor","modalBackgroundColor","modalBackdropColor","skeletonBackgroundColor","skeletonAnimationColorRgb","snackbarTextColor","snackbarInfoBackgroundColor","snackbarSuccessBackgroundColor","snackbarErrorBackgroundColor","snackbarWarningBackgroundColor","snackbarBorderRadius","stepperWaitingColor","stepperWaitingHoverColor","stepperWaitingActiveColor","stepperWaitingDisabledColor","stepperCurrentColor","stepperCurrentHoverColor","stepperCurrentActiveColor","stepperCurrentDisabledColor","stepperDoneColor","stepperDoneHoverColor","stepperDoneActiveColor","stepperDoneDisabledColor","stepperErrorColor","stepperErrorHoverColor","stepperErrorActiveColor","stepperErrorDisabledColor","stepperDefaultTextColor","stepperLineColor","stepperLineBoldColor","stepperLineDisabledColor","stepperLineBoldDisabledColor","stepperLabelColor","stepperCaptionColor","stepperCaptionErrorColor","stepperLabelDisabledColor","stepperCaptionDisabledColor","stepperCaptionErrorDisabledColor","bannerBorderRadius","bannerBorderWidth","dataGridRowBackgroundColor","dataGridRowHoverBackgroundColor","progressBarBackgroundColor","tabsBackgroundColor","tabActiveBorderHeight","tabActiveBorderColor","tabActiveTextColor","tablistBorderWidth","tablistBorderStyle","tablistBorderColor","tabTextColor","tabHoverColor","tabPressedColor","toggleBackgroundColor","tooltipBackgroundColor","wizardStepIndicatorFutureColor","contextMenuHoverColor","contextMenuPressedColor","default","success","error","info","disabled","greyedOut","lightGreyBorder","warning","light","fontFamily","fontFamilyCode","fontSizeFormLabel","fontSize","fontSizeH1","fontSizeH2","fontSizeH3","fontSizeH4","fontSizeSub","fontSizeCode","formControlFontSize","isLoading","setIsLoading","useState","baseStylingWrapper","useRef","setCSSProperties","CSSPropertiesObject","key","value","Object","entries","formattedPropertyName","replace","val","toLowerCase","current","style","setProperty","useEffect","keys","length","mergedState","React","className","ref"],"mappings":"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"}

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});function e(e,t){if(t===void 0)t={};var d=t.insertAt;if(!e||typeof document==="undefined")return;var s=document.head||document.getElementsByTagName("head")[0];var i=document.createElement("style");i.type="text/css";if(d==="top")if(s.firstChild)s.insertBefore(i,s.firstChild);else s.appendChild(i);else s.appendChild(i);if(i.styleSheet)i.styleSheet.cssText=e;else i.appendChild(document.createTextNode(e))}exports["default"]=e;
+//# sourceMappingURL=style-inject.es.cjs.js.map

package/dist/cjs/node_modules/style-inject/dist/style-inject.es.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.cjs.js","sources":["../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":"sEAAA,SAASA,EAAYC,EAAKC,GACxB,GAAKA,SAAa,EAAIA,EAAM,CAAA,EAC5B,IAAIC,EAAWD,EAAIC,SAEnB,IAAKF,UAAcG,WAAa,YAAe,OAE/C,IAAIC,EAAOD,SAASC,MAAQD,SAASE,qBAAqB,QAAQ,GAClE,IAAIC,EAAQH,SAASI,cAAc,SACnCD,EAAME,KAAO,WAEb,GAAIN,IAAa,MACf,GAAIE,EAAKK,WACPL,EAAKM,aAAaJ,EAAOF,EAAKK,iBAE9BL,EAAKO,YAAYL,QAGnBF,EAAKO,YAAYL,GAGnB,GAAIA,EAAMM,WACRN,EAAMM,WAAWC,QAAUb,OAE3BM,EAAMK,YAAYR,SAASW,eAAed,GAE9C"}

package/dist/cjs/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Link, Props as LinkProps } from "../Link/Link";
+type ChildrenType = ReactElement<LinkProps, typeof Link>;
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children: ChildrenType | ChildrenType[];
+    ariaLabel: string;
+}
+export declare const Breadcrumbs: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cjs/src/components/Breadcrumbs/Breadcrumbs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Button/BaseButton.d.ts

@@ -0,0 +1,8 @@
+import React, { ComponentPropsWithRef } from "react";
+export interface Props extends ComponentPropsWithRef<"button"> {
+    type?: "submit" | "button" | "reset";
+    disabled?: boolean;
+    loading?: boolean;
+    color?: "primary" | "secondary" | "warning" | "danger" | "default";
+}
+export declare const BaseButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/src/components/Button/BaseButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Button/Button.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Props as BaseButtonProps } from "./BaseButton";
+export interface Props extends BaseButtonProps {
+    startIcon?: React.ReactNode | false;
+    endIcon?: React.ReactNode | false;
+    variant?: "text" | "fill" | "outline";
+}
+export declare const Button: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/src/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Button/IconButton.d.ts

@@ -0,0 +1,11 @@
+import React, { ForwardRefRenderFunction } from "react";
+import { Props as BaseButtonProps } from "./BaseButton";
+export interface Props extends BaseButtonProps {
+    children?: React.ReactNode;
+    iconSize?: "s" | "m" | "l";
+    variant?: "text" | "fill" | "outline";
+    className?: string;
+    title?: string;
+}
+export declare const IconButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props>;
+export declare const IconButton: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/src/components/Button/IconButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Button/Spinner.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Spinner: React.FC<React.SVGProps<SVGSVGElement>>;

package/dist/cjs/src/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,24 @@
+import React, { ComponentPropsWithRef, ReactElement, ReactNode } from "react";
+import { Props as ButtonProps } from "../Button/Button";
+import { Props as IconButtonProps } from "../Button/IconButton";
+import { Props as PopoverProps } from "../Popover/Popover";
+import { Placement, Offset } from "../../hooks/usePosition";
+import { Props as ContextMenuItemProps } from "./ContextMenuItem";
+export interface Props extends Omit<ComponentPropsWithRef<"div">, "onChange"> {
+    trigger: ReactElement<ButtonProps> | ReactElement<IconButtonProps>;
+    decorativeElement?: ReactNode;
+    children: ReactElement<ContextMenuItemProps> | ReactElement<ContextMenuItemProps>[];
+    placement?: Placement;
+    transformOrigin?: Placement;
+    offset?: Offset;
+    debounceAmount?: number;
+    id: string;
+    show?: boolean;
+    domRoot?: HTMLElement;
+    onShow?: () => void;
+    onClose?: () => void;
+    popoverProps?: PopoverProps;
+    value?: number;
+    onChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;
+}
+export declare const ContextMenu: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/ContextMenu/ContextMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/ContextMenu/ContextMenuItem.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends Omit<ComponentPropsWithRef<"button">, "onClick"> {
+    children?: ReactNode;
+    hasFocus?: boolean;
+    isSelected?: boolean;
+    showActiveState?: boolean;
+    childIndex?: number;
+    shouldClick?: boolean;
+    contextMenuOpened?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onFocusChange?: (childIndex: number) => void;
+    onSelectedChange?: (event: React.MouseEvent<HTMLButtonElement>, childIndex: number) => void;
+}
+export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/src/components/ContextMenu/ContextMenuService.d.ts

@@ -0,0 +1,18 @@
+import { Placement, Offset } from "../../hooks/usePosition";
+interface UseArrowNavigation {
+    selectedContextMenuItem: number;
+    setSelectedContextMenuItem: React.Dispatch<React.SetStateAction<number>>;
+    focusedContextMenuItem: number;
+    setFocusedContextMenuItem: React.Dispatch<React.SetStateAction<number>>;
+    showContextMenu: boolean;
+    setShowContextMenu: React.Dispatch<React.SetStateAction<boolean>>;
+    childrenCount: number;
+    setShouldClick: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const useArrowNavigation: ({ selectedContextMenuItem, setSelectedContextMenuItem, focusedContextMenuItem, setFocusedContextMenuItem, showContextMenu, setShowContextMenu, childrenCount, setShouldClick }: UseArrowNavigation) => {
+    onArrowNavigation: (event: React.KeyboardEvent) => void;
+};
+export declare const useDefaultOffset: () => {
+    calculateDefaultOffset: (placement: Placement, transformOrigin: Placement) => Offset;
+};
+export {};

package/dist/cjs/src/components/DataGrid/DataGrid.d.ts

@@ -0,0 +1,33 @@
+import React, { ComponentPropsWithRef, ReactElement, Ref } from "react";
+import { Props as ButtonProps } from "../Button/Button";
+import { HeaderCell, OnSortFunction, Sort } from "./datagrid.interfaces";
+import { Props as PaginationProps } from "../Pagination/Pagination";
+import { Spacing } from "../../hooks/useSpacing";
+export interface Props<T> extends Omit<ComponentPropsWithRef<"div">, "children"> {
+    children: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => ReactElement;
+    data?: T[];
+    initialSort?: Sort;
+    onSort?: OnSortFunction;
+    headers: HeaderCell[];
+    actions?: {
+        enableAddBtn?: boolean;
+        enableColumnsBtn?: boolean;
+        enableSearchBtn?: boolean;
+        addBtnProps?: ButtonProps;
+        columnsBtnProps?: ButtonProps;
+        searchBtnProps?: ButtonProps;
+        searchIconBtnProps?: ButtonProps;
+    };
+    emptyLabel?: string;
+    paginationProps?: PaginationProps;
+    disableContextMenuColumn?: boolean;
+    isLoading?: boolean;
+    enableMultiSorting?: boolean;
+    spacing?: Spacing;
+}
+export declare const DataGrid: <T extends {}>(p: Props<T> & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+}) => ReactElement;

package/dist/cjs/src/components/DataGrid/DataGrid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/DataGridActions/DataGridActions.d.ts

@@ -0,0 +1,15 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as ButtonProps } from "../../Button/Button";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    enableAddBtn?: boolean;
+    enableColumnsBtn?: boolean;
+    enableSearchBtn?: boolean;
+    addBtnProps?: ButtonProps;
+    columnsBtnProps?: ButtonProps;
+    searchBtnProps?: ButtonProps;
+    searchIconBtnProps?: ButtonProps;
+    headers: HeaderCell[];
+    onColumnToggled: (colName: string) => void;
+}
+export declare const DataGridActions: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/DataGrid/DataGridActions/DataGridActions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/DataGridActions/DataGridColumnsToggle.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { Props as PopoverProps } from "../../Popover/Popover";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props extends PopoverProps {
+    open: boolean;
+    headers: HeaderCell[];
+    titleLabel?: string;
+    closeButtonTitle?: string;
+    onClose: () => void;
+    onToggleClicked: (colName: string) => void;
+    domRoot?: HTMLElement;
+}
+export declare const DataGridColumnsToggle: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/DataGrid/DataGridActions/DataGridColumnsToggle.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridBody.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef, ReactElement, Ref } from "react";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props<T> extends Omit<ComponentPropsWithRef<"tbody">, "children"> {
+    children: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => ReactElement;
+    data?: T[];
+    headers: HeaderCell[];
+    isLoading?: boolean;
+    disableContextMenuColumn?: boolean;
+    emptyLabel?: string;
+    spacing?: React.CSSProperties;
+}
+export declare const DataGridBody: <T extends {}>(p: Props<T> & {
+    ref?: React.Ref<HTMLTableSectionElement> | undefined;
+}) => ReactElement;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridBody.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridCell.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+export interface Props extends ComponentPropsWithRef<"td"> {
+    children?: ReactElement | string | number;
+    isLoading?: boolean;
+    spacing?: React.CSSProperties;
+    cellIndex?: number;
+    columnLength?: number;
+    disableContextMenuColumn?: boolean;
+}
+export declare const DataGridCell: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableCellElement>>;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridRow.d.ts

@@ -0,0 +1,9 @@
+import React, { ComponentPropsWithRef } from "react";
+import { HeaderCell } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"tr"> {
+    headers?: HeaderCell[];
+    isLoading?: boolean;
+    spacing?: React.CSSProperties;
+    disableContextMenuColumn?: boolean;
+}
+export declare const DataGridRow: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/cjs/src/components/DataGrid/DataGridBody/DataGridRow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/DataGridHeader/DataGridHeader.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef } from "react";
+import { HeaderCell, OnSortFunction, Sort } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"thead"> {
+    headers: HeaderCell[];
+    initialSort?: Sort;
+    onSort?: OnSortFunction;
+    disableContextMenuColumn?: boolean;
+    enableMultiSorting?: boolean;
+    spacing?: React.CSSProperties;
+}
+export declare const DataGridHeader: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/cjs/src/components/DataGrid/DataGridHeader/DataGridHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/DataGridHeader/DataGridHeaderCell.d.ts

@@ -0,0 +1,10 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Direction } from "../datagrid.interfaces";
+export interface Props extends ComponentPropsWithRef<"th"> {
+    headline: string;
+    name: string;
+    disableSorting?: boolean;
+    activeSortDirection?: Direction;
+    onSort?: (name: string) => void;
+}
+export declare const DataGridHeaderCell: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLTableCellElement>>;

package/dist/cjs/src/components/DataGrid/DataGridHeader/DataGridHeaderCell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/DataGrid/datagrid.interfaces.d.ts

@@ -0,0 +1,13 @@
+export type Direction = "ASC" | "DESC";
+export type Sort = {
+    name: string;
+    direction: Direction;
+}[];
+export type OnSortFunction = (sort: Sort) => void;
+export interface HeaderCell {
+    name: string;
+    headline: string;
+    disableSorting?: boolean;
+    hidden?: boolean;
+    align?: "left" | "right" | "center";
+}

package/dist/cjs/src/components/Form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as FormHelperTextProps } from "../FormHelperText/FormHelperText";
+import { Props as FormSelectorWrapperProps } from "../FormSelectorWrapper/FormSelectorWrapper";
+import { FormSelector } from "../form.interfaces";
+export interface Props extends ComponentPropsWithRef<"input">, Omit<FormSelector, "success"> {
+    label?: string | React.ReactElement;
+    indeterminate?: boolean;
+    helperProps?: FormHelperTextProps;
+    formSelectorWrapperProps?: FormSelectorWrapperProps;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/src/components/Form/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/Fieldset/Fieldset.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Variant } from "../../Typography/Typography";
+export interface Props extends ComponentPropsWithRef<"fieldset"> {
+    children?: ReactElement | ReactElement[];
+    legend: string;
+    legendStyle?: Variant;
+    hideLegend?: boolean;
+    background?: string;
+    noPadding?: boolean;
+    noBackground?: boolean;
+    required?: boolean;
+    disablePropagation?: boolean;
+}
+export declare const Fieldset: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLFieldSetElement>>;

package/dist/cjs/src/components/Form/Fieldset/Fieldset.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/FileUpload/FileItem/FileItem.d.ts

@@ -0,0 +1,17 @@
+import React, { ComponentPropsWithRef } from "react";
+import { FileType } from "../FileUpload";
+export type UploadProgress = "uploading" | "completed" | "error" | "readonly" | "retry";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    name: string;
+    status?: UploadProgress;
+    progress?: number;
+    error?: string;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+}
+export declare enum FILE_ACTION {
+    DELETE = "delete",
+    REMOVE = "remove",
+    ABORT = "abort",
+    RETRY = "retry"
+}
+export declare const FileItem: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Form/FileUpload/FileItem/FileItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/FileUpload/FileUpload.d.ts

@@ -0,0 +1,26 @@
+import React, { DragEventHandler } from "react";
+import { FILE_ACTION, Props as FileConfig } from "./FileItem/FileItem";
+import { Props as InputProps } from "../Input/Input";
+type FileUploadType = Omit<InputProps, "onDrop" | "type" | "onChange" | "suffix" | "prefix">;
+export type FileType = Omit<FileConfig, "onRequestedFileAction"> & Pick<File, "size" | "type"> & {
+    data?: any;
+};
+export interface Props extends FileUploadType {
+    accept: string;
+    title: string;
+    multiple: boolean;
+    fileList: FileType[];
+    exceedingMaxSizeErrorText?: string;
+    maxFileSize?: number;
+    selectButtonText?: string;
+    dragAndDropText?: string;
+    subText?: string;
+    onDragOver?: DragEventHandler;
+    onDragEnter?: DragEventHandler;
+    onDragLeave?: DragEventHandler;
+    onDrop?: (e: FileType[]) => void;
+    onChange?: (e: FileType[]) => void;
+    onRequestedFileAction?: (action: FILE_ACTION, name: FileType["name"]) => void;
+}
+export declare const FileUpload: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/cjs/src/components/Form/FileUpload/FileUpload.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/Form.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"form"> {
+    children?: ReactNode;
+}
+export declare const Form: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLFormElement>>;

package/dist/cjs/src/components/Form/Form.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/FormControl/FormControl.d.ts

@@ -0,0 +1,8 @@
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children?: ReactElement | ReactElement[] | null;
+    grid?: 1 | 2 | 3;
+    align?: "top" | "start" | "middle" | "center" | "bottom" | "end" | "stretch";
+    disabled?: boolean;
+}
+export declare const FormControl: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Form/FormControl/FormControl.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/FormGroup/FormGroup.d.ts

@@ -0,0 +1,17 @@
+/** The empty className property on FormHelperText is on purpose! We want to basically "filter" out the className from helperProps because we're adding this to the surrounding div. This makes it so also the errormessage receives this styling. */
+import React, { ComponentPropsWithRef, ReactElement } from "react";
+import { Props as HelperProps } from "../FormHelperText/FormHelperText";
+import { Icons } from "../../Icon/Icon";
+export interface Props extends ComponentPropsWithRef<"div"> {
+    children: ReactElement[] | ReactElement | string | number[] | number;
+    error?: boolean;
+    errorMessageIcon?: Icons;
+    errorMessageIconPosition?: "before" | "after";
+    errorMessage?: string;
+    errorId?: string;
+    helperText?: string;
+    helperId?: string;
+    helperProps?: HelperProps;
+    disabled?: boolean;
+}
+export declare const FormGroup: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Form/FormGroup/FormGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/FormHelperText/FormHelperText.d.ts

@@ -0,0 +1,7 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { FormElement } from "../form.interfaces";
+export interface Props extends ComponentPropsWithRef<"div">, FormElement {
+    children?: ReactNode;
+    disabled?: boolean;
+}
+export declare const FormHelperText: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Form/FormHelperText/FormHelperText.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/FormSelectorWrapper/FormSelectorWrapper.d.ts

@@ -0,0 +1,14 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { KeyValuePair } from "../../../interfaces";
+import { FormSelector } from "../form.interfaces";
+import { Props as FormHelperTextProps } from "../FormHelperText/FormHelperText";
+export interface Props extends ComponentPropsWithRef<"div">, FormSelector {
+    children?: ReactNode;
+    nestedChildren?: ReactNode;
+    containerProps?: ComponentPropsWithRef<"div"> & KeyValuePair;
+    helperProps?: FormHelperTextProps;
+    disabled?: boolean;
+    errorId?: string;
+    identifier?: string;
+}
+export declare const FormSelectorWrapper: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/src/components/Form/FormSelectorWrapper/FormSelectorWrapper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/Input/Input.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+import { FormElement } from "../form.interfaces";
+import { MergeElementProps } from "../../../interfaces";
+export declare const dateTypes: readonly ["date", "time", "datetime-local"];
+export type Type = "text" | "email" | "file" | "number" | "password" | "search" | "tel" | "url" | "hidden" | (typeof dateTypes)[number];
+export type Props = MergeElementProps<"input", FormElement & {
+    wrapperProps?: ComponentPropsWithRef<"div">;
+    labeledBy?: string;
+    type: Type;
+    suffix?: ReactNode;
+    prefix?: ReactNode;
+}>;
+export declare const Input: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/src/components/Form/Input/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/Label/Label.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"label"> {
+    children?: ReactNode;
+}
+export declare const Label: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLabelElement>>;

package/dist/cjs/src/components/Form/Label/Label.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/Radio/Radio.d.ts

@@ -0,0 +1,11 @@
+import React, { ComponentPropsWithRef } from "react";
+import { Props as HelperProps } from "../FormHelperText/FormHelperText";
+import { FormSelector } from "../form.interfaces";
+import { Props as FormSelectorWrapperProps } from "../FormSelectorWrapper/FormSelectorWrapper";
+export interface Props extends ComponentPropsWithRef<"input">, Omit<FormSelector, "success"> {
+    children: string;
+    value: string;
+    formSelectorWrapperProps?: FormSelectorWrapperProps;
+    helperProps?: HelperProps;
+}
+export declare const Radio: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/dist/cjs/src/components/Form/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/Form/Select/Option.d.ts

@@ -0,0 +1,16 @@
+import React, { ComponentPropsWithRef, ReactNode } from "react";
+export interface Props extends ComponentPropsWithRef<"li"> {
+    children: ReactNode;
+    value: string;
+    disabled?: boolean;
+    isSelected?: boolean;
+    selectOpened?: boolean;
+    hasFocus?: boolean;
+    shouldClick?: boolean;
+    isSearching?: boolean;
+    label?: string;
+    childIndex?: number;
+    onOptionSelect?: (ref: React.RefObject<HTMLLIElement>) => void;
+    onFocusChange?: (childIndex: number) => void;
+}
+export declare const Option: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLLIElement>>;

package/dist/cjs/src/components/Form/Select/Option.test.d.ts

@@ -0,0 +1 @@
+export {};