@laerdal/life-react-components 3.5.1-dev.16 → 3.5.1-dev.18

package/dist/src/InputFields/TextField.d.ts

@@ -1,154 +0,0 @@
-import * as React from 'react';
-import { Size, States, Testable } from '../types';
-import { TextFieldNote } from './types';
-export declare type TextFieldProps = Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'disabled' | 'id' | 'type' | 'readOnly' | 'autoComplete' | 'pattern' | 'maxLength'> & {
-    /**
-       * Optional. The ID of the text field.
-       */
-    id?: string;
-    /**
-      * Optional. A boolean indicating whether the text field is disabled.
-      */
-    disabled?: boolean;
-    /**
-      * Optional. A boolean indicating whether the text field is read-only.
-      */
-    readOnly?: boolean;
-    /**
-      * Optional. A function to be called when the text in the text field changes.
-      * It should take a string representing the new text.
-      */
-    onChange?: (text: string) => void;
-    /**
-      * Optional. The current value of the text field.
-      */
-    value?: string;
-    /**
-      * Optional. The validation message to be displayed when the text field is in an error state.
-      */
-    validationMessage?: string;
-    /**
-      * Optional. The type of the text field. Can be any valid HTML input type.
-      */
-    type?: string;
-    /**
-      * Optional. The state of the text field. Can be 'Invalid' or 'Valid'.
-      */
-    state?: States.Invalid | States.Valid;
-    /**
-      * Optional. The autocomplete attribute of the text field. Can be any valid HTML autocomplete value.
-      */
-    autoComplete?: string;
-    /**
-      * Optional. The placeholder text to be displayed in the text field when it is empty.
-      */
-    placeholder?: string;
-    /**
-      * Optional. A boolean indicating whether the text field is required.
-      */
-    required?: boolean;
-    /**
-      * Optional. The pattern attribute of the text field. Can be any valid HTML pattern value.
-      */
-    pattern?: string;
-    /**
-      * Optional. The maximum length of the text that can be entered in the text field.
-      */
-    maxLength?: number;
-    /**
-      * Optional. A boolean indicating whether the text field should be displayed without a border.
-      */
-    withoutBorder?: boolean;
-    /**
-      * Optional. The position of the overflow tooltip. Can be 'top' or 'bottom'.
-      */
-    overflowTooltipPosition?: 'top' | 'bottom';
-    /**
-      * Optional. The size of the text field. Can be 'Small' or 'Medium'.
-      */
-    size?: Size.Small | Size.Medium;
-    /**
-      * Optional. The margin of the text field. Can be any valid CSS margin value.
-      */
-    margin?: string;
-    /**
-      * Optional. A note to be displayed below the text field.
-      */
-    note?: TextFieldNote;
-};
-declare const TextField: React.ForwardRefExoticComponent<Testable & Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "pattern" | "type" | "id" | "onChange" | "size" | "disabled" | "autoComplete" | "maxLength" | "readOnly"> & {
-    /**
-       * Optional. The ID of the text field.
-       */
-    id?: string | undefined;
-    /**
-      * Optional. A boolean indicating whether the text field is disabled.
-      */
-    disabled?: boolean | undefined;
-    /**
-      * Optional. A boolean indicating whether the text field is read-only.
-      */
-    readOnly?: boolean | undefined;
-    /**
-      * Optional. A function to be called when the text in the text field changes.
-      * It should take a string representing the new text.
-      */
-    onChange?: ((text: string) => void) | undefined;
-    /**
-      * Optional. The current value of the text field.
-      */
-    value?: string | undefined;
-    /**
-      * Optional. The validation message to be displayed when the text field is in an error state.
-      */
-    validationMessage?: string | undefined;
-    /**
-      * Optional. The type of the text field. Can be any valid HTML input type.
-      */
-    type?: string | undefined;
-    /**
-      * Optional. The state of the text field. Can be 'Invalid' or 'Valid'.
-      */
-    state?: States.Valid | States.Invalid | undefined;
-    /**
-      * Optional. The autocomplete attribute of the text field. Can be any valid HTML autocomplete value.
-      */
-    autoComplete?: string | undefined;
-    /**
-      * Optional. The placeholder text to be displayed in the text field when it is empty.
-      */
-    placeholder?: string | undefined;
-    /**
-      * Optional. A boolean indicating whether the text field is required.
-      */
-    required?: boolean | undefined;
-    /**
-      * Optional. The pattern attribute of the text field. Can be any valid HTML pattern value.
-      */
-    pattern?: string | undefined;
-    /**
-      * Optional. The maximum length of the text that can be entered in the text field.
-      */
-    maxLength?: number | undefined;
-    /**
-      * Optional. A boolean indicating whether the text field should be displayed without a border.
-      */
-    withoutBorder?: boolean | undefined;
-    /**
-      * Optional. The position of the overflow tooltip. Can be 'top' or 'bottom'.
-      */
-    overflowTooltipPosition?: "top" | "bottom" | undefined;
-    /**
-      * Optional. The size of the text field. Can be 'Small' or 'Medium'.
-      */
-    size?: Size.Small | Size.Medium | undefined;
-    /**
-      * Optional. The margin of the text field. Can be any valid CSS margin value.
-      */
-    margin?: string | undefined;
-    /**
-      * Optional. A note to be displayed below the text field.
-      */
-    note?: TextFieldNote | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-export default TextField;

package/dist/src/InputFields/TextField.js

@@ -1,51 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { SystemIcons } from '../icons';
-import { COLORS } from '../styles';
-import { States } from '../types';
-import { InputFieldStyling, InputWrapper, NoteMessage, ValidationMessage } from './styling';
-import { useFocusVisibleRef } from '../common';
-import TooltipOverflow from '../Tooltips/TooltipOverflow';
-var TextField = React.forwardRef(function (_a, ref) {
-    var id = _a.id, disabled = _a.disabled, readOnly = _a.readOnly, onChange = _a.onChange, value = _a.value, validationMessage = _a.validationMessage, type = _a.type, autoComplete = _a.autoComplete, placeholder = _a.placeholder, required = _a.required, pattern = _a.pattern, maxLength = _a.maxLength, withoutBorder = _a.withoutBorder, state = _a.state, size = _a.size, margin = _a.margin, overflowTooltipPosition = _a.overflowTooltipPosition, note = _a.note, className = _a.className, dataTestId = _a.dataTestId, rest = __rest(_a, ["id", "disabled", "readOnly", "onChange", "value", "validationMessage", "type", "autoComplete", "placeholder", "required", "pattern", "maxLength", "withoutBorder", "state", "size", "margin", "overflowTooltipPosition", "note", "className", "dataTestId"]);
-    var elementRef = useFocusVisibleRef();
-    React.useImperativeHandle(ref, function () { return elementRef.current; }, [elementRef]);
-    var cls = "".concat(state || (validationMessage ? States.Invalid : ''), " ").concat(size || '');
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputWrapper, { readOnly: readOnly, disabled: disabled, margin: margin, onClick: function (e) {
-                if (disabled || readOnly) {
-                    e.preventDefault();
-                }
-            } },
-            React.createElement(InputFieldStyling, __assign({ id: id, "data-testid": dataTestId, ref: elementRef, type: type || 'text', value: value, className: cls, tabIndex: readOnly || disabled ? -1 : 0, autoComplete: autoComplete, placeholder: disabled ? undefined : placeholder, disabled: disabled, readOnly: readOnly, onChange: function (e) { var _a; return onChange && onChange(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, activeErrorMessage: !!validationMessage && state !== States.Valid, required: required, pattern: pattern, maxLength: maxLength, withoutBorder: withoutBorder }, rest)),
-            React.createElement(TooltipOverflow, { value: value, position: overflowTooltipPosition, input: elementRef, withArrow: true, maxWidth: "100%", size: size, align: 'end' }, value),
-            validationMessage && (React.createElement(ValidationMessage, { className: size || '', type: state !== null && state !== void 0 ? state : States.Invalid },
-                state === States.Valid ? React.createElement(SystemIcons.CheckMark, { color: COLORS.correct_400 }) :
-                    React.createElement(SystemIcons.TechnicalWarning, { color: COLORS.critical_400 }),
-                React.createElement("span", null, validationMessage))),
-            note && !disabled && (React.createElement(NoteMessage, { className: size },
-                note.icon,
-                React.createElement("span", null, note.message))))));
-});
-export default TextField;

package/dist/src/InputFields/Textarea.d.ts

@@ -1,17 +0,0 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-import { States } from '../types';
-import { TextFieldNote } from './types';
-declare const Textarea: React.ForwardRefExoticComponent<import("../types").Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange"> & {
-    id: string;
-    state?: States.Valid | States.Invalid | undefined;
-    onChange?: ((text: string) => void) | undefined;
-    validationMessage?: string | undefined;
-    size: import("../types").Size.Small | import("../types").Size.Medium;
-    autoHeight?: boolean | undefined;
-    margin?: string | undefined;
-    note?: TextFieldNote | undefined;
-} & React.RefAttributes<any>>;
-export default Textarea;

package/dist/src/InputFields/Textarea.js

@@ -1,65 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom styles.
- */
-import { COLORS, ComponentSStyling, focusStyles } from '../styles';
-import { NoteMessage, readOnlyState, ValidationMessage } from './styling';
-import { States } from '../types';
-/**
- * Import custom components.
- */
-import { SystemIcons } from '../icons';
-/**
- * Import third-party libraries.
- */
-import styled from 'styled-components';
-import { ComponentMStyling, ComponentTextStyle } from '../styles';
-import { useFocusVisibleRef } from "../common";
-// Add component-specific styles.
-var TextareaWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", "\n"], ["\n  width: 100%;\n  ", "\n"])), function (props) { return (props.margin ? "margin: ".concat(props.margin, ";") : ''); });
-var TextArea = styled.textarea(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  background: ", ";\n  border-radius: 4px;\n  outline: none;\n  margin-bottom: 4px;\n  padding: 16px;\n  border: none;\n  box-shadow: inset 0 0 0 1px ", ";\n\n  resize: ", ";\n\n  ", "\n  &.small {\n    ", "\n    width: 304px;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.medium {\n    ", "\n    &::placeholder {\n      ", "\n    }\n    width: 344px;\n  }\n\n  &:focus:not(.focus-visible) {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.focus-visible {\n    ", "\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.valid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:hover {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.active {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:read-only:not(:disabled) {\n    ", "\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    border: 1px solid ", ";\n    box-shadow: none !important;\n    color: ", " !important;\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &::placeholder {\n    ", "\n  }\n"], ["\n  display: block;\n  background: ", ";\n  border-radius: 4px;\n  outline: none;\n  margin-bottom: 4px;\n  padding: 16px;\n  border: none;\n  box-shadow: inset 0 0 0 1px ", ";\n\n  resize: ", ";\n\n  ", "\n  &.small {\n    ", "\n    width: 304px;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.medium {\n    ", "\n    &::placeholder {\n      ", "\n    }\n    width: 344px;\n  }\n\n  &:focus:not(.focus-visible) {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.focus-visible {\n    ", "\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.valid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:hover {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.active {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:read-only:not(:disabled) {\n    ", "\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    border: 1px solid ", ";\n    box-shadow: none !important;\n    color: ", " !important;\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  &::placeholder {\n    ", "\n  }\n"])), COLORS.white, COLORS.neutral_400, function (props) { return (props.autoHeight ? 'none' : ''); }, ComponentMStyling(ComponentTextStyle.Regular, COLORS.black), ComponentSStyling(ComponentTextStyle.Regular, COLORS.black), ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500), ComponentMStyling(ComponentTextStyle.Regular, COLORS.black), ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_500), COLORS.primary_800, focusStyles, COLORS.critical_500, COLORS.correct_500, COLORS.primary_700, COLORS.primary_800, readOnlyState, COLORS.neutral_100, COLORS.neutral_300, COLORS.neutral_300, ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_500));
-var Textarea = React.forwardRef(function (_a, ref) {
-    var id = _a.id, placeholder = _a.placeholder, state = _a.state, value = _a.value, size = _a.size, disabled = _a.disabled, validationMessage = _a.validationMessage, onChange = _a.onChange, margin = _a.margin, autoHeight = _a.autoHeight, note = _a.note, required = _a.required, className = _a.className, dataTestId = _a.dataTestId, rest = __rest(_a, ["id", "placeholder", "state", "value", "size", "disabled", "validationMessage", "onChange", "margin", "autoHeight", "note", "required", "className", "dataTestId"]);
-    var elementRef = useFocusVisibleRef();
-    React.useImperativeHandle(ref, function () { return elementRef.current; }, [elementRef]);
-    var cls = "".concat(size, " ").concat(state || (validationMessage ? States.Invalid : ''), " ").concat(className || '');
-    return (React.createElement(TextareaWrapper, null,
-        React.createElement(TextArea, __assign({ id: id, "data-testid": dataTestId, ref: elementRef, value: value, placeholder: disabled ? undefined : placeholder, autoHeight: autoHeight, className: cls, disabled: disabled, onChange: function (e) { var _a; return onChange && onChange(((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value) || ''); }, required: required }, rest)),
-        validationMessage && (React.createElement(ValidationMessage, { className: size || '', type: state !== null && state !== void 0 ? state : States.Invalid },
-            state === States.Valid ? React.createElement(SystemIcons.CheckMark, { color: COLORS.correct_400 }) : React.createElement(SystemIcons.TechnicalWarning, { color: COLORS.critical_400 }),
-            React.createElement("span", null, validationMessage))),
-        note && !disabled && (React.createElement(NoteMessage, { className: size },
-            note.icon,
-            React.createElement("span", null, note.message)))));
-});
-export default Textarea;
-var templateObject_1, templateObject_2;

package/dist/src/InputFields/components/SearchBarInput.d.ts

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import { Size } from '../../types';
-export declare const Search: import("styled-components").StyledComponent<"input", any, {
-    type: "search";
-}, "type">;
-declare type SearchBarInputProps = {
-    id: string;
-    searchTerm?: string;
-    setSearchTerm: (term: string) => void;
-    enterSearch: (e: any) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    size?: Size.Small | Size.Medium;
-    onBlur?: (e: any) => void;
-    focusParentRefs?: React.RefObject<any>[];
-    onClick?: () => void;
-};
-declare const SearchBarInput: React.ForwardRefExoticComponent<SearchBarInputProps & React.RefAttributes<HTMLInputElement>>;
-export default SearchBarInput;

package/dist/src/InputFields/components/SearchBarInput.js

@@ -1,26 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles/index';
-import { ComponentMStyling, ComponentSStyling } from '../../styles';
-import { useFocusVisibleRef } from '../../common';
-export var Search = styled.input.attrs(function () { return ({ type: 'search' }); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  appearance: none;\n  width: calc(100% - 96px);\n\n  /* To prevent browser putting its own cross inside the search bar */\n\n  ::-ms-clear {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  ::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  ::-webkit-search-decoration,\n  ::-webkit-search-cancel-button,\n  ::-webkit-search-results-button,\n  ::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  ::placeholder {\n    ", "\n  }\n\n  height: 32px;\n  border-width: 0;\n  margin-left: 48px;\n  outline: none;\n\n  ", "\n  ::placeholder {\n    ", "\n  }\n\n  ", " {\n    ::placeholder {\n      ", "\n    }\n  }\n\n  &.small {\n    margin-left: 44px;\n\n    ::placeholder {\n      ", "\n    }\n  }\n\n  &.medium {\n    margin-left: 48px;\n    ", "\n    \n    ::placeholder {\n      ", "\n    }\n  }\n\n  &:disabled {\n    background: transparent;\n    border: none;\n  }\n"], ["\n  appearance: none;\n  width: calc(100% - 96px);\n\n  /* To prevent browser putting its own cross inside the search bar */\n\n  ::-ms-clear {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  ::-ms-reveal {\n    display: none;\n    width: 0;\n    height: 0;\n  }\n\n  ::-webkit-search-decoration,\n  ::-webkit-search-cancel-button,\n  ::-webkit-search-results-button,\n  ::-webkit-search-results-decoration {\n    display: none;\n  }\n\n  ::placeholder {\n    ", "\n  }\n\n  height: 32px;\n  border-width: 0;\n  margin-left: 48px;\n  outline: none;\n\n  ", "\n  ::placeholder {\n    ", "\n  }\n\n  ", " {\n    ::placeholder {\n      ", "\n    }\n  }\n\n  &.small {\n    margin-left: 44px;\n\n    ::placeholder {\n      ", "\n    }\n  }\n\n  &.medium {\n    margin-left: 48px;\n    ", "\n    \n    ::placeholder {\n      ", "\n    }\n  }\n\n  &:disabled {\n    background: transparent;\n    border: none;\n  }\n"])), ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500), ComponentSStyling(ComponentTextStyle.Regular, COLORS.black), ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_600), BREAKPOINTS.MEDIUM, ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600), ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_600), ComponentMStyling(ComponentTextStyle.Regular, COLORS.black), ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_600));
-var SearchBarInput = React.forwardRef(function (props, ref) {
-    var id = props.id, searchTerm = props.searchTerm, setSearchTerm = props.setSearchTerm, enterSearch = props.enterSearch, placeholder = props.placeholder, disabled = props.disabled, onKeyDown = props.onKeyDown, size = props.size, onBlur = props.onBlur, onClick = props.onClick;
-    var elementRef = useFocusVisibleRef(props.focusParentRefs || []);
-    React.useImperativeHandle(ref, function () { return elementRef.current; }, [elementRef]);
-    var isPressingEnter = function (e) {
-        if (e.key === 'Enter') {
-            e.preventDefault();
-            e.stopPropagation();
-            return true;
-        }
-        return false;
-    };
-    return (React.createElement(Search, { placeholder: disabled ? '' : placeholder, ref: elementRef, id: id, "data-testid": id, className: size ? size : '', tabIndex: 0, disabled: disabled, onChange: function (e) { return setSearchTerm(e.target.value); }, value: searchTerm, onBlur: function (e) { return onBlur && onBlur(e); }, onKeyDown: onKeyDown, onKeyPress: function (e) { return (isPressingEnter(e) ? enterSearch(e) : null); }, onClick: onClick }));
-});
-export default SearchBarInput;
-var templateObject_1;

package/dist/src/InputFields/components/SearchField.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { Size } from '../../types';
-export declare const SearchFieldWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledSearchField: import("styled-components").StyledComponent<"div", any, {
-    activeValidationMessage?: boolean | undefined;
-}, never>;
-declare const SearchField: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    id: string;
-    searchTerm?: string | undefined;
-    disabled?: boolean | undefined;
-    validationMessage?: string | undefined;
-    children: any;
-    size?: Size.Small | Size.Medium | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export default SearchField;

package/dist/src/InputFields/components/SearchField.js

@@ -1,44 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, ComponentTextStyle, focusStyles } from '../../styles/index';
-import { ComponentMStyling, ComponentSStyling } from '../../styles';
-export var SearchFieldWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.focus-visible-within {\n    ", "\n  }\n"], ["\n  &.focus-visible-within {\n    ", "\n  }\n"])), focusStyles);
-export var StyledSearchField = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  box-shadow: inset 0 0 0 1px ", ";\n  margin-bottom: 4px;\n  box-sizing: border-box;\n  border-radius: 56px;\n  align-items: center;\n  position: relative;\n  height: 48px;\n  appearance: none;\n  background-color: ", ";\n\n  ", "\n\n  padding: 0 !important;\n  width: 100%;\n\n  ::placeholder {\n    ", "\n  }\n\n  ", " {\n    ", "\n\n    height: 56px;\n    padding: 0 4px !important;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.small {\n    ", "\n    height: 48px;\n    padding: 0 !important;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.medium {\n    ", "\n    height: 56px;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &:hover {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  div {\n    color: ", ";\n    background-color: transparent;\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.disabled {\n    box-shadow: inset 0 0 0 1px ", ";\n    pointer-events: none;\n    background-color: transparent !important;\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  box-shadow: inset 0 0 0 1px ", ";\n  margin-bottom: 4px;\n  box-sizing: border-box;\n  border-radius: 56px;\n  align-items: center;\n  position: relative;\n  height: 48px;\n  appearance: none;\n  background-color: ", ";\n\n  ", "\n\n  padding: 0 !important;\n  width: 100%;\n\n  ::placeholder {\n    ", "\n  }\n\n  ", " {\n    ", "\n\n    height: 56px;\n    padding: 0 4px !important;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.small {\n    ", "\n    height: 48px;\n    padding: 0 !important;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.medium {\n    ", "\n    height: 56px;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &:hover {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:focus-within {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  div {\n    color: ", ";\n    background-color: transparent;\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &.disabled {\n    box-shadow: inset 0 0 0 1px ", ";\n    pointer-events: none;\n    background-color: transparent !important;\n  }\n"])), COLORS.neutral_400, COLORS.white, ComponentSStyling(ComponentTextStyle.Regular, COLORS.black), ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500), BREAKPOINTS.MEDIUM, ComponentMStyling(ComponentTextStyle.Regular, COLORS.black), ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_500), ComponentSStyling(ComponentTextStyle.Regular, COLORS.black), ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500), ComponentMStyling(ComponentTextStyle.Regular, COLORS.black), ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_500), COLORS.primary_800, COLORS.primary_800, COLORS.neutral_600, COLORS.critical_400, COLORS.neutral_100);
-var SearchField = React.forwardRef(function (_a, ref) {
-    var id = _a.id, searchTerm = _a.searchTerm, disabled = _a.disabled, validationMessage = _a.validationMessage, children = _a.children, size = _a.size, className = _a.className, rest = __rest(_a, ["id", "searchTerm", "disabled", "validationMessage", "children", "size", "className"]);
-    var cls = (disabled ? 'disabled ' : '')
-        .concat(searchTerm !== '' ? 'searchactive ' : '')
-        .concat(size ? "".concat(size, " ") : '')
-        .concat(validationMessage ? ' invalid ' : '')
-        .concat("".concat(className !== null && className !== void 0 ? className : '', " "));
-    return (React.createElement(SearchFieldWrapper, { ref: ref },
-        React.createElement(StyledSearchField, __assign({ id: "".concat(id, "_main"), "data-testid": "".concat(id, "_main"), className: cls }, rest), children)));
-});
-export default SearchField;
-var templateObject_1, templateObject_2;

package/dist/src/InputFields/index.d.ts

@@ -1,15 +0,0 @@
-import TextField, { TextFieldProps } from './TextField';
-import PasswordField, { PasswordFieldProps } from './PasswordField';
-import Checkbox from './Checkbox';
-import RadioButton, { RadioButtonProps } from './RadioButton';
-import SearchBar, { SearchBarProps } from './SearchBar';
-import InputLabel, { LabelProps } from './Label';
-import DatepickerField, { DatepickerFieldProps } from './DatepickerField';
-import Textarea from './Textarea';
-import QuickSearch, { QuickSearchProps } from './QuickSearch';
-import NumberField, { NumberFieldProps } from './NumberField';
-import { TextareaProps, CheckboxProps } from './types';
-export * from './styling';
-export * from './RichTextField';
-export { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };
-export type { TextFieldProps, CheckboxProps, TextareaProps, DatepickerFieldProps, LabelProps, NumberFieldProps, PasswordFieldProps, QuickSearchProps, RadioButtonProps, SearchBarProps };

package/dist/src/InputFields/index.js

@@ -1,13 +0,0 @@
-import TextField from './TextField';
-import PasswordField from './PasswordField';
-import Checkbox from './Checkbox';
-import RadioButton from './RadioButton';
-import SearchBar from './SearchBar';
-import InputLabel from './Label';
-import DatepickerField from './DatepickerField';
-import Textarea from './Textarea';
-import QuickSearch from './QuickSearch';
-import NumberField from './NumberField';
-export * from './styling';
-export * from './RichTextField';
-export { TextField, PasswordField, Checkbox, RadioButton, SearchBar, InputLabel, DatepickerField, Textarea, QuickSearch, NumberField };

package/dist/src/InputFields/styling.d.ts

@@ -1,27 +0,0 @@
-import { States } from '../types';
-export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {
-    readOnly?: boolean | undefined;
-    disabled?: boolean | undefined;
-    margin?: string | undefined;
-}, never>;
-export declare const readOnlyState: import("styled-components").FlattenSimpleInterpolation;
-export declare const activeErrorMessageState: import("styled-components").FlattenSimpleInterpolation;
-declare const InputFieldStyling: import("styled-components").StyledComponent<"input", any, {
-    activeErrorMessage?: boolean | undefined;
-    active?: boolean | undefined;
-    withoutBorder?: boolean | undefined;
-    size?: string | undefined;
-    suppressReadOnlyStyles?: boolean | undefined;
-    extraRightPadding?: number | undefined;
-}, never>;
-declare const ValidationStyling: import("styled-components").FlattenSimpleInterpolation;
-export declare const Warning: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ValidationMessage: import("styled-components").StyledComponent<"div", any, {
-    type: States.Valid | States.Invalid | States.Default;
-}, never>;
-export declare const NoteMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AutofilledMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { ValidationStyling, InputFieldStyling };
-export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SearchIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/src/InputFields/styling.js

@@ -1,33 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var _a;
-import { TooltipTrigger } from '../Tooltips/TooltipStyles';
-import styled, { css } from 'styled-components';
-import { BREAKPOINTS, COLORS, focusStyles } from '../styles';
-import { ComponentXXSStyling, ComponentTextStyle, ComponentSStyling, ComponentMStyling, ComponentXSStyling } from '../styles/typography';
-import { States } from '../types';
-export var InputWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  outline: none;\n  ", ";\n  ", "\n  position: relative;\n  \n  ", "\n\n"], ["\n  outline: none;\n  ", ";\n  ", "\n  position: relative;\n  \n  ", "\n\n"])), function (props) { return (props.readOnly || props.disabled ? 'cursor: not-allowed;' : ''); }, function (props) { return (props.margin ? "margin: ".concat(props.margin, ";") : ''); }, TooltipTrigger('hover'));
-export var readOnlyState = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  box-shadow: inset 0 0 0 1px ", " !important;\n  color: ", " !important;\n  pointer-events: none;\n  outline: none;\n  cursor: not-allowed;\n"], ["\n  background-color: ", ";\n  box-shadow: inset 0 0 0 1px ", " !important;\n  color: ", " !important;\n  pointer-events: none;\n  outline: none;\n  cursor: not-allowed;\n"])), COLORS.neutral_100, COLORS.neutral_300, COLORS.neutral_600);
-export var activeErrorMessageState = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  box-shadow: inset 0 0 0 2px ", ";\n"], ["\n  box-shadow: inset 0 0 0 2px ", ";\n"])), COLORS.critical_400);
-var InputFieldStyling = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  height: 48px;\n  width: 100%;\n  border-radius: 4px;\n  margin-bottom: 4px;\n\n  border: 0;\n  -webkit-appearance: none;\n  ", "\n  background-color: #fff;\n  box-sizing: border-box;\n  padding: 0 ", "px 0 16px !important;\n  text-overflow: ellipsis;\n\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  font-size: 16px;\n\n  &::placeholder {\n    ", "\n  }\n\n  ", " {\n    font-size: 18px;\n    line-height: 18px;\n    height: 56px;\n    padding: 0 16px !important;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.small {\n    font-size: 16px;\n    height: 48px;\n    &::placeholder {\n      font-size: 16px;\n    }\n  }\n  &.medium {\n    font-size: 18px;\n    height: 56px;\n    &::placeholder {\n      font-size: 18px;\n    }\n  }\n\n  color: ", " !important;\n\n  ", "\n\n  &:read-only:not(:disabled) {\n    ", "\n  }\n\n  &:disabled {\n    border: 1px solid ", ";\n    pointer-events: none;\n    box-shadow: none !important;\n    outline: none;\n    cursor: not-allowed;\n    color: ", " !important;\n  }\n  &:focus:not(.focus-visible) {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.focus-visible {\n    ", "\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n  &.valid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:not(.placeholder) {\n    line-height: 40px;\n  }\n\n  &:hover {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.active {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.show-checkmark.valid {\n    background-image: none;\n  }\n\n  &.show-checkmark.pending {\n    background-image: none;\n  }\n"], ["\n  height: 48px;\n  width: 100%;\n  border-radius: 4px;\n  margin-bottom: 4px;\n\n  border: 0;\n  -webkit-appearance: none;\n  ", "\n  background-color: #fff;\n  box-sizing: border-box;\n  padding: 0 ", "px 0 16px !important;\n  text-overflow: ellipsis;\n\n  outline: none;\n  overflow: hidden;\n  position: relative;\n\n  font-size: 16px;\n\n  &::placeholder {\n    ", "\n  }\n\n  ", " {\n    font-size: 18px;\n    line-height: 18px;\n    height: 56px;\n    padding: 0 16px !important;\n\n    &::placeholder {\n      ", "\n    }\n  }\n\n  &.small {\n    font-size: 16px;\n    height: 48px;\n    &::placeholder {\n      font-size: 16px;\n    }\n  }\n  &.medium {\n    font-size: 18px;\n    height: 56px;\n    &::placeholder {\n      font-size: 18px;\n    }\n  }\n\n  color: ", " !important;\n\n  ", "\n\n  &:read-only:not(:disabled) {\n    ", "\n  }\n\n  &:disabled {\n    border: 1px solid ", ";\n    pointer-events: none;\n    box-shadow: none !important;\n    outline: none;\n    cursor: not-allowed;\n    color: ", " !important;\n  }\n  &:focus:not(.focus-visible) {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.focus-visible {\n    ", "\n  }\n\n  &.invalid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n  &.valid {\n    box-shadow: inset 0 0 0 2px ", ";\n  }\n\n  &:not(.placeholder) {\n    line-height: 40px;\n  }\n\n  &:hover {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.active {\n    box-shadow: inset 0px 0px 0px 2px ", ";\n  }\n\n  &.show-checkmark.valid {\n    background-image: none;\n  }\n\n  &.show-checkmark.pending {\n    background-image: none;\n  }\n"])), function (props) {
-    return props.withoutBorder
-        ? "-webkit-box-shadow: none;\n      -moz-box-shadow: none;\n      box-shadow: none;\n      "
-        : "-webkit-box-shadow: inset 0px 0px 0px 1px ".concat(COLORS.neutral_400, ";\n      -moz-box-shadow: inset 0px 0px 0px 1px ").concat(COLORS.neutral_400, ";\n      box-shadow: inset 0px 0px 0px 1px ").concat(COLORS.neutral_400, ";");
-}, function (props) { var _a; return 16 + ((_a = props.extraRightPadding) !== null && _a !== void 0 ? _a : 0); }, ComponentSStyling(ComponentTextStyle.Italic, COLORS.neutral_500), BREAKPOINTS.MEDIUM, ComponentMStyling(ComponentTextStyle.Italic, COLORS.neutral_500), COLORS.black, function (props) { return (props.activeErrorMessage ? activeErrorMessageState : ''); }, function (props) { return (props.suppressReadOnlyStyles ? '' : readOnlyState); }, COLORS.neutral_100, COLORS.neutral_300, COLORS.primary_800, focusStyles, COLORS.critical_400, COLORS.correct_500, COLORS.primary_700, COLORS.primary_800);
-var ValidationStyling = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  &.error-msg {\n    ", "\n    text-align: center;\n    font-weight: 400;\n    box-sizing: border-box;\n  }\n\n  &.error-msg {\n    padding-top: 8px;\n    padding-bottom: 0;\n    ", "\n    font-weight: 700;\n    line-height: 15px;\n  }\n"], ["\n  &.error-msg {\n    ", "\n    text-align: center;\n    font-weight: 400;\n    box-sizing: border-box;\n  }\n\n  &.error-msg {\n    padding-top: 8px;\n    padding-bottom: 0;\n    ", "\n    font-weight: 700;\n    line-height: 15px;\n  }\n"])), ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.black), ComponentXXSStyling(ComponentTextStyle.Regular, '#e76468'));
-export var Warning = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n  ", "\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  ", " {\n    ", "\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  &.small {\n    ", "\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &.medium {\n    ", "\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  & * {\n    vertical-align: middle;\n    display: inline-block;\n  }\n\n  svg {\n    margin-right: 4px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: 4px;\n  ", "\n\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n\n  ", " {\n    ", "\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  &.small {\n    ", "\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n  }\n  &.medium {\n    ", "\n    svg {\n      width: 20px;\n      height: 20px;\n    }\n  }\n\n  & * {\n    vertical-align: middle;\n    display: inline-block;\n  }\n\n  svg {\n    margin-right: 4px;\n  }\n"])), ComponentXXSStyling(ComponentTextStyle.Regular, null), BREAKPOINTS.MEDIUM, ComponentXSStyling(ComponentTextStyle.Regular, null), ComponentXXSStyling(ComponentTextStyle.Regular, null), ComponentXSStyling(ComponentTextStyle.Regular, null));
-export var ErrorMessage = styled(Warning)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), COLORS.critical_500);
-var StateColors = (_a = {},
-    _a[States.Default] = COLORS.neutral_500,
-    _a[States.Valid] = COLORS.correct_500,
-    _a[States.Invalid] = COLORS.critical_500,
-    _a);
-export var ValidationMessage = styled(Warning)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (props) { return StateColors[props.type]; });
-export var NoteMessage = styled(Warning)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), COLORS.neutral_500);
-export var AutofilledMessage = styled(Warning)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), COLORS.neutral_600);
-export { ValidationStyling, InputFieldStyling };
-export var StyledIcon = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  border-radius: 50%;\n"], ["\n  border-radius: 50%;\n"])));
-export var SearchIconWrapper = styled(StyledIcon)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: absolute;\n  border-radius: 50%;\n"], ["\n  position: absolute;\n  border-radius: 50%;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;

package/dist/src/InputFields/types.d.ts

@@ -1,69 +0,0 @@
-import { Size, States, Testable } from '../types';
-import React from 'react';
-export declare type TextareaProps = Testable & Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> & {
-    /**
-     * Required. The ID of the textarea.
-     */
-    id: string;
-    /**
-     * Optional. The state of the textarea. Can be 'Invalid' or 'Valid'.
-     */
-    state?: States.Invalid | States.Valid;
-    /**
-     * Optional. A function to be called when the text in the textarea changes.
-     * It should take a string representing the new text.
-     */
-    onChange?: (text: string) => void;
-    /**
-     * Optional. The validation message to be displayed when the textarea is in an error state.
-     */
-    validationMessage?: string;
-    /**
-     * Required. The size of the textarea. Can be 'Small' or 'Medium'.
-     */
-    size: Size.Small | Size.Medium;
-    /**
-     * Optional. A boolean indicating whether the height of the textarea should automatically adjust to fit the text.
-     */
-    autoHeight?: boolean;
-    /**
-     * Optional. The margin of the textarea. Can be any valid CSS margin value.
-     */
-    margin?: string;
-    /**
-     * Optional. A note to be displayed below the textarea.
-     */
-    note?: TextFieldNote;
-};
-export declare type TextFieldNote = {
-    message: string;
-    icon: React.ReactNode;
-};
-export interface CheckboxProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onKeyDown' | 'onMouseDown' | 'tabIndex'> {
-    /** Optional. Id of the checkbox. */
-    id?: string;
-    /** Required. Current state of the checkbox. */
-    selected: boolean;
-    /** Optional. Handler to be called when checkbox is selected/unselected */
-    select?: (selected: boolean) => void;
-    /** Optional. Label to be shown on the right side of the checkbox. */
-    label?: string;
-    /** Optional. If checkbox is selected and invalid flag is set, then checkbox will be shown in 'invalid' state. */
-    invalid?: boolean;
-    /** Optional. If set, then user can not interact with it. */
-    disabled?: boolean;
-    /** Optional. Margin property. */
-    margin?: string;
-    /** Optional. Size of the Checkbox. Defaults to 'medium'. */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** Optional. pointer-events: none style will be set to the checkbox if this flag is set. */
-    iconPointerEventsTransparent?: boolean;
-    /** Optional. If set then checkbox will be shown in 'semi-selected' state. */
-    semiSelected?: boolean;
-    /** Optional. If set, then user can not select/unselect the checkbox */
-    readOnly?: boolean;
-    /** Optional. Tab index attribute of the checkbox. */
-    tabIndexVal?: number;
-    /** Optional. Custom classname to be set to the checkbox. */
-    className?: string;
-}

package/dist/src/InputFields/types.js

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

package/dist/src/Layouts/index.d.ts

@@ -1,10 +0,0 @@
-export declare const PageWidth: import("styled-components").StyledComponent<"div", any, {
-    useMaxWidth?: boolean | undefined;
-    maxWidth?: number | undefined;
-    unsetMargin?: boolean | undefined;
-}, never>;
-export declare const Columns: import("styled-components").StyledComponent<"section", any, {
-    gap?: string | undefined;
-    columns?: string | undefined;
-    printColumns?: string | undefined;
-}, never>;