@veeqo/ui 14.10.1 → 14.10.3

package/dist/components/PhoneInput/index.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
     rel?: string | undefined;
+    placeholder?: string | undefined;
     form?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     pattern?: string | undefined;
+    list?: string | undefined;
     className?: string | undefined;
     children?: import("react").ReactNode;
     defaultChecked?: boolean | undefined;
@@ -14,7 +16,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -22,10 +24,9 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
@@ -61,7 +62,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -70,7 +71,7 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -262,13 +263,13 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
     onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
-    alt?: string | undefined;
     disabled?: boolean | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    alt?: string | undefined;
     autoComplete?: string | undefined;
     accept?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -280,17 +281,16 @@ export declare const PhoneInput: import("react").ForwardRefExoticComponent<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     src?: string | undefined;
-    list?: string | undefined;
-    name?: string | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
+    name?: string | undefined;
     width?: string | number | undefined;
+    wrap?: string | undefined;
+    step?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    step?: string | number | undefined;
     rows?: number | undefined;
-    wrap?: string | undefined;
 } & {
     value?: string | undefined;
     type?: import("..").TextFieldType | undefined;

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

@@ -1,11 +1,13 @@
 import React from 'react';
 export declare const Search: React.ForwardRefExoticComponent<{
     rel?: string | undefined;
+    placeholder?: string | undefined;
     form?: string | undefined;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
     pattern?: string | undefined;
+    list?: string | undefined;
     className?: string | undefined;
     children?: React.ReactNode;
     defaultChecked?: boolean | undefined;
@@ -14,7 +16,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -22,10 +24,9 @@ export declare const Search: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: React.AriaRole | undefined;
     about?: string | undefined;
@@ -61,7 +62,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -70,7 +71,7 @@ export declare const Search: React.ForwardRefExoticComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -262,13 +263,13 @@ export declare const Search: React.ForwardRefExoticComponent<{
     onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
-    alt?: string | undefined;
     disabled?: boolean | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    alt?: string | undefined;
     autoComplete?: string | undefined;
     accept?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -280,17 +281,16 @@ export declare const Search: React.ForwardRefExoticComponent<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     src?: string | undefined;
-    list?: string | undefined;
-    name?: string | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
+    name?: string | undefined;
     width?: string | number | undefined;
+    wrap?: string | undefined;
+    step?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    step?: string | number | undefined;
     rows?: number | undefined;
-    wrap?: string | undefined;
 } & {
     value?: string | undefined;
     type?: import("../TextField").TextFieldType | undefined;

package/dist/components/SimpleTable/SimpleTable.cjs

@@ -1,21 +1,34 @@
 'use strict';
 
 var React = require('react');
-var styled = require('./styled.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+require('uid/secure');
+var assignCssVars = require('../../utils/assignCssVars.cjs');
+var SimpleTable_module = require('./SimpleTable.module.scss.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
+const TableHeader = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("thead", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.header, className]), ...rest })));
+TableHeader.displayName = 'SimpleTable.Header';
+const TableBody = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("tbody", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.body, className]), ...rest })));
+TableBody.displayName = 'SimpleTable.Body';
+const TableRow = React__default.default.forwardRef(({ className, ...rest }, ref) => (React__default.default.createElement("tr", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.row, className]), ...rest })));
+TableRow.displayName = 'SimpleTable.Row';
+const TableCell = React__default.default.forwardRef(({ align, className, style, ...rest }, ref) => (React__default.default.createElement("td", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.cell, className]), style: { ...assignCssVars.assignCssVars({ textAlign: align }), ...style }, ...rest })));
+TableCell.displayName = 'SimpleTable.Cell';
+const TableHeaderCell = React__default.default.forwardRef(({ align, className, style, ...rest }, ref) => (React__default.default.createElement("th", { ref: ref, className: buildClassnames.buildClassnames([SimpleTable_module.headerCell, className]), style: { ...assignCssVars.assignCssVars({ textAlign: align }), ...style }, ...rest })));
+TableHeaderCell.displayName = 'SimpleTable.HeaderCell';
 /**
  * A simple table component which provides flexible, pre-styled table elements.
  */
-const SimpleTable = ({ striped = true, className, children }) => (React__default.default.createElement(styled.Table, { striped: striped, className: className }, children));
-SimpleTable.Header = styled.TableHeader;
-SimpleTable.Body = styled.TableBody;
-SimpleTable.Row = styled.TableRow;
-SimpleTable.HeaderCell = styled.TableHeaderCell;
-SimpleTable.Cell = styled.TableCell;
+const SimpleTable = ({ striped = true, className, children }) => (React__default.default.createElement("table", { className: buildClassnames.buildClassnames([SimpleTable_module.table, striped ? SimpleTable_module.striped : undefined, className]) }, children));
+SimpleTable.Header = TableHeader;
+SimpleTable.Body = TableBody;
+SimpleTable.Row = TableRow;
+SimpleTable.HeaderCell = TableHeaderCell;
+SimpleTable.Cell = TableCell;
 
 exports.SimpleTable = SimpleTable;
 //# sourceMappingURL=SimpleTable.cjs.map

package/dist/components/SimpleTable/SimpleTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableBody, TableCell, TableHeader, TableRow, TableHeaderCell, Table } from './styled';\nimport { SimpleTableProps } from './types';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <Table striped={striped} className={className}>\n    {children}\n  </Table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React","Table","TableHeader","TableBody","TableRow","TableHeaderCell","TableCell"],"mappings":";;;;;;;;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,sBAAA,CAAA,aAAA,CAACC,YAAK,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAGC,kBAAW;AAChC,WAAW,CAAC,IAAI,GAAGC,gBAAS;AAC5B,WAAW,CAAC,GAAG,GAAGC,eAAQ;AAC1B,WAAW,CAAC,UAAU,GAAGC,sBAAe;AACxC,WAAW,CAAC,IAAI,GAAGC,gBAAS;;;;"}
+{"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\nimport styles from './SimpleTable.module.scss';\nimport { SimpleTableProps } from './types';\n\ntype TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n  align?: 'left' | 'right' | 'center';\n};\n\ntype TableHeaderCellProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  align?: 'left' | 'right' | 'center';\n};\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...rest }, ref) => (\n  <thead ref={ref} className={buildClassnames([styles.header, className])} {...rest} />\n));\nTableHeader.displayName = 'SimpleTable.Header';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...rest }, ref) => (\n  <tbody ref={ref} className={buildClassnames([styles.body, className])} {...rest} />\n));\nTableBody.displayName = 'SimpleTable.Body';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...rest }, ref) => (\n    <tr ref={ref} className={buildClassnames([styles.row, className])} {...rest} />\n  ),\n);\nTableRow.displayName = 'SimpleTable.Row';\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ align, className, style, ...rest }, ref) => (\n    <td\n      ref={ref}\n      className={buildClassnames([styles.cell, className])}\n      style={{ ...assignCssVars({ textAlign: align }), ...style }}\n      {...rest}\n    />\n  ),\n);\nTableCell.displayName = 'SimpleTable.Cell';\n\nconst TableHeaderCell = React.forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n  ({ align, className, style, ...rest }, ref) => (\n    <th\n      ref={ref}\n      className={buildClassnames([styles.headerCell, className])}\n      style={{ ...assignCssVars({ textAlign: align }), ...style }}\n      {...rest}\n    />\n  ),\n);\nTableHeaderCell.displayName = 'SimpleTable.HeaderCell';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <table className={buildClassnames([styles.table, striped ? styles.striped : undefined, className])}>\n    {children}\n  </table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React","buildClassnames","styles","assignCssVars"],"mappings":"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"}

package/dist/components/SimpleTable/SimpleTable.d.ts

@@ -5,11 +5,13 @@ import { SimpleTableProps } from './types';
  */
 export declare const SimpleTable: {
     ({ striped, className, children }: SimpleTableProps): React.JSX.Element;
-    Header: import("styled-components").StyledComponent<"thead", any, {}, never>;
-    Body: import("styled-components").StyledComponent<"tbody", any, {}, never>;
-    Row: import("styled-components").StyledComponent<"tr", any, {}, never>;
-    HeaderCell: import("styled-components").StyledComponent<"td", any, import("./styled").TableCellProps & {
-        as: string;
-    }, "as">;
-    Cell: import("styled-components").StyledComponent<"td", any, import("./styled").TableCellProps, never>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+    Body: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+    Row: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+    HeaderCell: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & {
+        align?: "left" | "right" | "center" | undefined;
+    } & React.RefAttributes<HTMLTableCellElement>>;
+    Cell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & {
+        align?: "left" | "right" | "center" | undefined;
+    } & React.RefAttributes<HTMLTableCellElement>>;
 };

package/dist/components/SimpleTable/SimpleTable.js

@@ -1,10 +1,23 @@
 import React__default from 'react';
-import { Table, TableHeader, TableBody, TableRow, TableHeaderCell, TableCell } from './styled.js';
+import { buildClassnames } from '../../utils/buildClassnames.js';
+import 'uid/secure';
+import { assignCssVars } from '../../utils/assignCssVars.js';
+import styles from './SimpleTable.module.scss.js';
 
+const TableHeader = React__default.forwardRef(({ className, ...rest }, ref) => (React__default.createElement("thead", { ref: ref, className: buildClassnames([styles.header, className]), ...rest })));
+TableHeader.displayName = 'SimpleTable.Header';
+const TableBody = React__default.forwardRef(({ className, ...rest }, ref) => (React__default.createElement("tbody", { ref: ref, className: buildClassnames([styles.body, className]), ...rest })));
+TableBody.displayName = 'SimpleTable.Body';
+const TableRow = React__default.forwardRef(({ className, ...rest }, ref) => (React__default.createElement("tr", { ref: ref, className: buildClassnames([styles.row, className]), ...rest })));
+TableRow.displayName = 'SimpleTable.Row';
+const TableCell = React__default.forwardRef(({ align, className, style, ...rest }, ref) => (React__default.createElement("td", { ref: ref, className: buildClassnames([styles.cell, className]), style: { ...assignCssVars({ textAlign: align }), ...style }, ...rest })));
+TableCell.displayName = 'SimpleTable.Cell';
+const TableHeaderCell = React__default.forwardRef(({ align, className, style, ...rest }, ref) => (React__default.createElement("th", { ref: ref, className: buildClassnames([styles.headerCell, className]), style: { ...assignCssVars({ textAlign: align }), ...style }, ...rest })));
+TableHeaderCell.displayName = 'SimpleTable.HeaderCell';
 /**
  * A simple table component which provides flexible, pre-styled table elements.
  */
-const SimpleTable = ({ striped = true, className, children }) => (React__default.createElement(Table, { striped: striped, className: className }, children));
+const SimpleTable = ({ striped = true, className, children }) => (React__default.createElement("table", { className: buildClassnames([styles.table, striped ? styles.striped : undefined, className]) }, children));
 SimpleTable.Header = TableHeader;
 SimpleTable.Body = TableBody;
 SimpleTable.Row = TableRow;

package/dist/components/SimpleTable/SimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.js","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { TableBody, TableCell, TableHeader, TableRow, TableHeaderCell, Table } from './styled';\nimport { SimpleTableProps } from './types';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <Table striped={striped} className={className}>\n    {children}\n  </Table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React"],"mappings":";;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAG,WAAW;AAChC,WAAW,CAAC,IAAI,GAAG,SAAS;AAC5B,WAAW,CAAC,GAAG,GAAG,QAAQ;AAC1B,WAAW,CAAC,UAAU,GAAG,eAAe;AACxC,WAAW,CAAC,IAAI,GAAG,SAAS;;;;"}
+{"version":3,"file":"SimpleTable.js","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import React from 'react';\nimport { buildClassnames } from '../../utils';\nimport { assignCssVars } from '../../utils/assignCssVars';\nimport styles from './SimpleTable.module.scss';\nimport { SimpleTableProps } from './types';\n\ntype TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement> & {\n  align?: 'left' | 'right' | 'center';\n};\n\ntype TableHeaderCellProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  align?: 'left' | 'right' | 'center';\n};\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...rest }, ref) => (\n  <thead ref={ref} className={buildClassnames([styles.header, className])} {...rest} />\n));\nTableHeader.displayName = 'SimpleTable.Header';\n\nconst TableBody = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...rest }, ref) => (\n  <tbody ref={ref} className={buildClassnames([styles.body, className])} {...rest} />\n));\nTableBody.displayName = 'SimpleTable.Body';\n\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...rest }, ref) => (\n    <tr ref={ref} className={buildClassnames([styles.row, className])} {...rest} />\n  ),\n);\nTableRow.displayName = 'SimpleTable.Row';\n\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ align, className, style, ...rest }, ref) => (\n    <td\n      ref={ref}\n      className={buildClassnames([styles.cell, className])}\n      style={{ ...assignCssVars({ textAlign: align }), ...style }}\n      {...rest}\n    />\n  ),\n);\nTableCell.displayName = 'SimpleTable.Cell';\n\nconst TableHeaderCell = React.forwardRef<HTMLTableCellElement, TableHeaderCellProps>(\n  ({ align, className, style, ...rest }, ref) => (\n    <th\n      ref={ref}\n      className={buildClassnames([styles.headerCell, className])}\n      style={{ ...assignCssVars({ textAlign: align }), ...style }}\n      {...rest}\n    />\n  ),\n);\nTableHeaderCell.displayName = 'SimpleTable.HeaderCell';\n\n/**\n * A simple table component which provides flexible, pre-styled table elements.\n */\nexport const SimpleTable = ({ striped = true, className, children }: SimpleTableProps) => (\n  <table className={buildClassnames([styles.table, striped ? styles.striped : undefined, className])}>\n    {children}\n  </table>\n);\n\nSimpleTable.Header = TableHeader;\nSimpleTable.Body = TableBody;\nSimpleTable.Row = TableRow;\nSimpleTable.HeaderCell = TableHeaderCell;\nSimpleTable.Cell = TableCell;\n"],"names":["React"],"mappings":"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"}

package/dist/components/SimpleTable/SimpleTable.module.scss.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
+
+___$insertStyle("._table_sfald_1 {\n  width: 100%;\n  border-spacing: 0;\n}\n\n._header_sfald_6 {\n  background-color: white;\n}\n\n._body_sfald_10 tr:hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._row_sfald_14 {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n._cell_sfald_18 {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n}\n._cell_sfald_18 > * {\n  vertical-align: middle;\n}\n\n._headerCell_sfald_33 {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n}\n._headerCell_sfald_33 > * {\n  vertical-align: middle;\n}\n\n._striped_sfald_49 {\n  /* Hover must override striped even-row background.\n     Higher specificity from :hover pseudo-class ensures this wins. */\n}\n._striped_sfald_49 ._body_sfald_10 tr:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._striped_sfald_49 ._body_sfald_10 tr:nth-child(even):hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}");
+var styles = {"table":"_table_sfald_1","header":"_header_sfald_6","body":"_body_sfald_10","row":"_row_sfald_14","cell":"_cell_sfald_18","headerCell":"_headerCell_sfald_33","striped":"_striped_sfald_49"};
+
+module.exports = styles;
+//# sourceMappingURL=SimpleTable.module.scss.cjs.map

package/dist/components/SimpleTable/SimpleTable.module.scss.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.module.scss.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.module.scss"],"sourcesContent":[".table {\n  width: 100%;\n  border-spacing: 0;\n}\n\n.header {\n  background-color: white;\n}\n\n.body {\n  tr:hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.row {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n.cell {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.headerCell {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.striped {\n  .body tr:nth-child(even) td {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  /* Hover must override striped even-row background.\n     Higher specificity from :hover pseudo-class ensures this wins. */\n  .body tr:nth-child(even):hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,6pDAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,mBAAA;;;;"}

package/dist/components/SimpleTable/SimpleTable.module.scss.js

@@ -0,0 +1,7 @@
+import insertStyle from '../../_virtual/____insertStyle.js';
+
+insertStyle("._table_sfald_1 {\n  width: 100%;\n  border-spacing: 0;\n}\n\n._header_sfald_6 {\n  background-color: white;\n}\n\n._body_sfald_10 tr:hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}\n\n._row_sfald_14 {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n._cell_sfald_18 {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n}\n._cell_sfald_18 > * {\n  vertical-align: middle;\n}\n\n._headerCell_sfald_33 {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n}\n._headerCell_sfald_33 > * {\n  vertical-align: middle;\n}\n\n._striped_sfald_49 {\n  /* Hover must override striped even-row background.\n     Higher specificity from :hover pseudo-class ensures this wins. */\n}\n._striped_sfald_49 ._body_sfald_10 tr:nth-child(even) td {\n  background-color: var(--colors-neutral-grey-lightest);\n}\n._striped_sfald_49 ._body_sfald_10 tr:nth-child(even):hover td {\n  background-color: var(--colors-secondary-blue-lightest);\n}");
+var styles = {"table":"_table_sfald_1","header":"_header_sfald_6","body":"_body_sfald_10","row":"_row_sfald_14","cell":"_cell_sfald_18","headerCell":"_headerCell_sfald_33","striped":"_striped_sfald_49"};
+
+export { styles as default };
+//# sourceMappingURL=SimpleTable.module.scss.js.map

package/dist/components/SimpleTable/SimpleTable.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleTable.module.scss.js","sources":["../../../src/components/SimpleTable/SimpleTable.module.scss"],"sourcesContent":[".table {\n  width: 100%;\n  border-spacing: 0;\n}\n\n.header {\n  background-color: white;\n}\n\n.body {\n  tr:hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n\n.row {\n  /* Minimal reset; row styles are applied via parent selectors */\n}\n\n.cell {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n\n  font-family: var(--text-body-small-font-family);\n  font-size: var(--text-body-small-font-size);\n  font-weight: var(--text-body-small-font-weight);\n  color: var(--text-body-small-color);\n  line-height: var(--sizes-base);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.headerCell {\n  position: relative;\n  padding: var(--sizes-5) var(--sizes-base);\n  text-align: var(--text-align, left);\n  background-color: white;\n  line-height: var(--sizes-base);\n\n  border-bottom: var(--sizes-line) solid var(--colors-neutral-grey-dark);\n\n  font-family: var(--text-body-small-bold-font-family);\n  font-size: var(--text-body-small-bold-font-size);\n  font-weight: var(--text-body-small-bold-font-weight);\n  color: var(--text-body-small-bold-color);\n\n  & > * {\n    vertical-align: middle;\n  }\n}\n\n.striped {\n  .body tr:nth-child(even) td {\n    background-color: var(--colors-neutral-grey-lightest);\n  }\n\n  /* Hover must override striped even-row background.\n     Higher specificity from :hover pseudo-class ensures this wins. */\n  .body tr:nth-child(even):hover td {\n    background-color: var(--colors-secondary-blue-lightest);\n  }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,6pDAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,mBAAA;;;;"}

package/dist/components/Text/Text.d.ts

@@ -7,5 +7,5 @@ import React from 'react';
 export declare const Text: React.ForwardRefExoticComponent<{
     as?: import("./types").ValidTextTag | undefined;
     muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
+    variant?: "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "body" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholder" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "button" | "buttonSmall" | "linkLarge" | "linkMedium" | "link" | "linkSmall" | undefined;
 } & React.HTMLAttributes<HTMLElement> & React.LabelHTMLAttributes<HTMLLabelElement> & React.RefAttributes<HTMLElement>>;

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

@@ -1,11 +1,13 @@
 import React from 'react';
 export declare const TextField: React.ForwardRefExoticComponent<{
     rel?: string | undefined;
+    placeholder?: string | undefined;
     form?: string | undefined;
     slot?: string | undefined;
     style?: React.CSSProperties | undefined;
     title?: string | undefined;
     pattern?: string | undefined;
+    list?: string | undefined;
     className?: string | undefined;
     children?: React.ReactNode;
     defaultChecked?: boolean | undefined;
@@ -14,7 +16,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -22,10 +24,9 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: React.AriaRole | undefined;
     about?: string | undefined;
@@ -61,7 +62,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -70,7 +71,7 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -262,13 +263,13 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     onAnimationIterationCapture?: (React.AnimationEventHandler<HTMLInputElement> & React.AnimationEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEnd?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEndCapture?: (React.TransitionEventHandler<HTMLInputElement> & React.TransitionEventHandler<HTMLTextAreaElement>) | undefined;
-    alt?: string | undefined;
     disabled?: boolean | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    alt?: string | undefined;
     autoComplete?: string | undefined;
     accept?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -280,17 +281,16 @@ export declare const TextField: React.ForwardRefExoticComponent<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     src?: string | undefined;
-    list?: string | undefined;
-    name?: string | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
+    name?: string | undefined;
     width?: string | number | undefined;
+    wrap?: string | undefined;
+    step?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    step?: string | number | undefined;
     rows?: number | undefined;
-    wrap?: string | undefined;
 } & {
     value?: string | undefined;
     type?: import("./types").TextFieldType | undefined;

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

@@ -2,11 +2,13 @@
 export type * from './types';
 export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
     rel?: string | undefined;
+    placeholder?: string | undefined;
     form?: string | undefined;
     slot?: string | undefined;
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     pattern?: string | undefined;
+    list?: string | undefined;
     className?: string | undefined;
     children?: import("react").ReactNode;
     defaultChecked?: boolean | undefined;
@@ -15,7 +17,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
@@ -23,10 +25,9 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
     tabIndex?: number | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
@@ -62,7 +63,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -71,7 +72,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -263,13 +264,13 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
     onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLInputElement> & import("react").AnimationEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEnd?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
     onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLInputElement> & import("react").TransitionEventHandler<HTMLTextAreaElement>) | undefined;
-    alt?: string | undefined;
     disabled?: boolean | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    alt?: string | undefined;
     autoComplete?: string | undefined;
     accept?: string | undefined;
     capture?: boolean | "user" | "environment" | undefined;
@@ -281,17 +282,16 @@ export declare const TextField: import("react").ForwardRefExoticComponent<Omit<{
     maxLength?: number | undefined;
     minLength?: number | undefined;
     src?: string | undefined;
-    list?: string | undefined;
-    name?: string | undefined;
     height?: string | number | undefined;
     max?: string | number | undefined;
     min?: string | number | undefined;
+    name?: string | undefined;
     width?: string | number | undefined;
+    wrap?: string | undefined;
+    step?: string | number | undefined;
     readOnly?: boolean | undefined;
     required?: boolean | undefined;
-    step?: string | number | undefined;
     rows?: number | undefined;
-    wrap?: string | undefined;
 } & {
     value?: string | undefined;
     type?: import("./types").TextFieldType | undefined;

package/dist/components/UploadFile/UploadFile.cjs

@@ -4,7 +4,8 @@ var React = require('react');
 var index = require('../../theme/index.cjs');
 var CriticalIcon = require('../../icons/design-system/components/CriticalIcon.cjs');
 var LockIcon = require('../../icons/design-system/components/LockIcon.cjs');
-var styled = require('./styled.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+var UploadFile_module = require('./UploadFile.module.scss.cjs');
 var constants = require('./constants.cjs');
 var UploadCopy = require('./components/UploadCopy/UploadCopy.cjs');
 var DropCopy = require('./components/DropCopy/DropCopy.cjs');
@@ -104,7 +105,11 @@ const UploadFile = React.forwardRef(({ id, name, maxBytes = constants.DEFAULT_MA
                     maxSizeCopy,
                     React__default.default.createElement("br", null),
                     acceptedTypesCopy),
-                React__default.default.createElement(styled.DropZoneContainer, { hasError: hasError, isDragOver: isDragOver, "data-testid": "drop-zone-container", onDrop: onDrop, onDragEnter: onDragEnter, onDragOver: onDragOver, onDragLeave: onDragLeave },
+                React__default.default.createElement("div", { className: buildClassnames.buildClassnames([
+                        UploadFile_module.dropZone,
+                        isDragOver ? UploadFile_module.dragOver : undefined,
+                        hasError ? UploadFile_module.hasError : undefined,
+                    ]), "data-testid": "drop-zone-container", onDrop: onDrop, onDragEnter: onDragEnter, onDragOver: onDragOver, onDragLeave: onDragLeave },
                     isDragOver ? React__default.default.createElement(DropCopy.DropCopy, null) : React__default.default.createElement(UploadCopy.UploadCopy, null),
                     React__default.default.createElement("input", { ref: inputRef, id: id, type: "file", accept: acceptedTypesForInputEl, name: name, disabled: disabled, multiple: multiple, ...otherProps })))),
         React__default.default.createElement(FlexCol.FlexCol, null,