@uniformdev/design-system 20.12.1-alpha.8 → 20.13.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +15 -17
- package/dist/index.d.mts +6 -7
- package/dist/index.d.ts +6 -7
- package/dist/index.js +17 -17
- package/package.json +20 -8
package/dist/esm/index.js
CHANGED
|
@@ -16353,9 +16353,6 @@ var Switch = forwardRef29(
|
|
|
16353
16353
|
}
|
|
16354
16354
|
);
|
|
16355
16355
|
|
|
16356
|
-
// src/components/Table/Table.tsx
|
|
16357
|
-
import * as React21 from "react";
|
|
16358
|
-
|
|
16359
16356
|
// src/components/Table/Table.styles.ts
|
|
16360
16357
|
import { css as css105 } from "@emotion/react";
|
|
16361
16358
|
var table = ({ cellPadding = "var(--spacing-sm)" }) => css105`
|
|
@@ -16412,50 +16409,51 @@ var responsiveTableContainer = css105`
|
|
|
16412
16409
|
}
|
|
16413
16410
|
`;
|
|
16414
16411
|
|
|
16415
|
-
// src/components/Table/
|
|
16412
|
+
// src/components/Table/ResponsiveTableContainer.tsx
|
|
16416
16413
|
import { jsx as jsx138 } from "@emotion/react/jsx-runtime";
|
|
16414
|
+
var ResponsiveTableContainer = ({ children }) => {
|
|
16415
|
+
return /* @__PURE__ */ jsx138("div", { css: responsiveTableContainer, children });
|
|
16416
|
+
};
|
|
16417
|
+
|
|
16418
|
+
// src/components/Table/Table.tsx
|
|
16419
|
+
import * as React21 from "react";
|
|
16420
|
+
import { jsx as jsx139 } from "@emotion/react/jsx-runtime";
|
|
16417
16421
|
var Table = React21.forwardRef(
|
|
16418
16422
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
16419
|
-
return /* @__PURE__ */
|
|
16423
|
+
return /* @__PURE__ */ jsx139("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
16420
16424
|
}
|
|
16421
16425
|
);
|
|
16422
16426
|
var TableHead = React21.forwardRef(
|
|
16423
16427
|
({ children, ...otherProps }, ref) => {
|
|
16424
|
-
return /* @__PURE__ */
|
|
16428
|
+
return /* @__PURE__ */ jsx139("thead", { ref, css: tableHead, ...otherProps, children });
|
|
16425
16429
|
}
|
|
16426
16430
|
);
|
|
16427
16431
|
var TableBody = React21.forwardRef(
|
|
16428
16432
|
({ children, ...otherProps }, ref) => {
|
|
16429
|
-
return /* @__PURE__ */
|
|
16433
|
+
return /* @__PURE__ */ jsx139("tbody", { ref, ...otherProps, children });
|
|
16430
16434
|
}
|
|
16431
16435
|
);
|
|
16432
16436
|
var TableFoot = React21.forwardRef(
|
|
16433
16437
|
({ children, ...otherProps }, ref) => {
|
|
16434
|
-
return /* @__PURE__ */
|
|
16438
|
+
return /* @__PURE__ */ jsx139("tfoot", { ref, ...otherProps, children });
|
|
16435
16439
|
}
|
|
16436
16440
|
);
|
|
16437
16441
|
var TableRow = React21.forwardRef(
|
|
16438
16442
|
({ children, ...otherProps }, ref) => {
|
|
16439
|
-
return /* @__PURE__ */
|
|
16443
|
+
return /* @__PURE__ */ jsx139("tr", { ref, css: tableRow, ...otherProps, children });
|
|
16440
16444
|
}
|
|
16441
16445
|
);
|
|
16442
16446
|
var TableCellHead = React21.forwardRef(
|
|
16443
16447
|
({ children, ...otherProps }, ref) => {
|
|
16444
|
-
return /* @__PURE__ */
|
|
16448
|
+
return /* @__PURE__ */ jsx139("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
16445
16449
|
}
|
|
16446
16450
|
);
|
|
16447
16451
|
var TableCellData = React21.forwardRef(
|
|
16448
16452
|
({ children, ...otherProps }, ref) => {
|
|
16449
|
-
return /* @__PURE__ */
|
|
16453
|
+
return /* @__PURE__ */ jsx139("td", { ref, ...otherProps, children });
|
|
16450
16454
|
}
|
|
16451
16455
|
);
|
|
16452
16456
|
|
|
16453
|
-
// src/components/Table/ResponsiveTableContainer.tsx
|
|
16454
|
-
import { jsx as jsx139 } from "@emotion/react/jsx-runtime";
|
|
16455
|
-
var ResponsiveTableContainer = ({ children }) => {
|
|
16456
|
-
return /* @__PURE__ */ jsx139("div", { css: responsiveTableContainer, children });
|
|
16457
|
-
};
|
|
16458
|
-
|
|
16459
16457
|
// src/components/Tabs/Tabs.tsx
|
|
16460
16458
|
import {
|
|
16461
16459
|
Tab as AriakitTab,
|
package/dist/index.d.mts
CHANGED
|
@@ -16,7 +16,6 @@ import { IconType as IconType$2 } from '@react-icons/all-files';
|
|
|
16
16
|
import { DateValue } from '@internationalized/date';
|
|
17
17
|
import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
|
|
18
18
|
import { CreatableProps } from 'react-select/creatable';
|
|
19
|
-
import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
|
|
20
19
|
import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
|
|
21
20
|
import { InitialConfigType } from '@lexical/react/LexicalComposer';
|
|
22
21
|
import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
|
|
@@ -2075,7 +2074,7 @@ type InputComboBoxOption<TValue = string> = {
|
|
|
2075
2074
|
*/
|
|
2076
2075
|
indented?: boolean;
|
|
2077
2076
|
};
|
|
2078
|
-
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup
|
|
2077
|
+
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
|
|
2079
2078
|
type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
|
|
2080
2079
|
type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
|
|
2081
2080
|
/**
|
|
@@ -3703,6 +3702,11 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
3703
3702
|
switchSize?: "base" | "sm";
|
|
3704
3703
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3705
3704
|
|
|
3705
|
+
/** @deprecated - Beta Responsive table container component */
|
|
3706
|
+
declare const ResponsiveTableContainer: ({ children }: {
|
|
3707
|
+
children: ReactNode;
|
|
3708
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3709
|
+
|
|
3706
3710
|
type TableProps = {
|
|
3707
3711
|
/** The CSS padding of the table cells (includes the head cells as well).
|
|
3708
3712
|
* @default 'var(--spacing-base) var(--spacing-md)'
|
|
@@ -3751,11 +3755,6 @@ declare const TableRow: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedH
|
|
|
3751
3755
|
declare const TableCellHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
3752
3756
|
declare const TableCellData: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
3753
3757
|
|
|
3754
|
-
/** @deprecated - Beta Responsive table container component */
|
|
3755
|
-
declare const ResponsiveTableContainer: ({ children }: {
|
|
3756
|
-
children: ReactNode;
|
|
3757
|
-
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3758
|
-
|
|
3759
3758
|
declare const useCurrentTab: () => _ariakit_react.TabStore;
|
|
3760
3759
|
type TabsProps<TTabName extends string = string> = {
|
|
3761
3760
|
children: React__default.ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -16,7 +16,6 @@ import { IconType as IconType$2 } from '@react-icons/all-files';
|
|
|
16
16
|
import { DateValue } from '@internationalized/date';
|
|
17
17
|
import { CalendarProps as CalendarProps$1, TimeFieldProps, TimeValue } from 'react-aria-components';
|
|
18
18
|
import { CreatableProps } from 'react-select/creatable';
|
|
19
|
-
import InternalSelect from '../../../node_modules/react-select/dist/declarations/src/Select';
|
|
20
19
|
import { JsonSchema7Type } from 'zod-to-json-schema/src/parseDef';
|
|
21
20
|
import { InitialConfigType } from '@lexical/react/LexicalComposer';
|
|
22
21
|
import { LinkParamValue, RichTextParamConfiguration } from '@uniformdev/canvas';
|
|
@@ -2075,7 +2074,7 @@ type InputComboBoxOption<TValue = string> = {
|
|
|
2075
2074
|
*/
|
|
2076
2075
|
indented?: boolean;
|
|
2077
2076
|
};
|
|
2078
|
-
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup
|
|
2077
|
+
type InputComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = Props<TOption, IsMulti, TGroup>;
|
|
2079
2078
|
type InputCreatableComboBoxProps<TOption = InputComboBoxOption, IsMulti extends boolean = boolean, TGroup extends GroupBase<TOption> = GroupBase<TOption>> = CreatableProps<TOption, IsMulti, TGroup>;
|
|
2080
2079
|
type ComboBoxGroupBase<TOption> = GroupBase<TOption>;
|
|
2081
2080
|
/**
|
|
@@ -3703,6 +3702,11 @@ declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAt
|
|
|
3703
3702
|
switchSize?: "base" | "sm";
|
|
3704
3703
|
} & React$1.RefAttributes<HTMLInputElement>>;
|
|
3705
3704
|
|
|
3705
|
+
/** @deprecated - Beta Responsive table container component */
|
|
3706
|
+
declare const ResponsiveTableContainer: ({ children }: {
|
|
3707
|
+
children: ReactNode;
|
|
3708
|
+
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3709
|
+
|
|
3706
3710
|
type TableProps = {
|
|
3707
3711
|
/** The CSS padding of the table cells (includes the head cells as well).
|
|
3708
3712
|
* @default 'var(--spacing-base) var(--spacing-md)'
|
|
@@ -3751,11 +3755,6 @@ declare const TableRow: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedH
|
|
|
3751
3755
|
declare const TableCellHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
3752
3756
|
declare const TableCellData: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React$1.RefAttributes<HTMLTableCellElement>>;
|
|
3753
3757
|
|
|
3754
|
-
/** @deprecated - Beta Responsive table container component */
|
|
3755
|
-
declare const ResponsiveTableContainer: ({ children }: {
|
|
3756
|
-
children: ReactNode;
|
|
3757
|
-
}) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3758
|
-
|
|
3759
3758
|
declare const useCurrentTab: () => _ariakit_react.TabStore;
|
|
3760
3759
|
type TabsProps<TTabName extends string = string> = {
|
|
3761
3760
|
children: React__default.ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -18211,9 +18211,8 @@ var Switch = (0, import_react171.forwardRef)(
|
|
|
18211
18211
|
}
|
|
18212
18212
|
);
|
|
18213
18213
|
|
|
18214
|
-
// src/components/Table/
|
|
18214
|
+
// src/components/Table/ResponsiveTableContainer.tsx
|
|
18215
18215
|
init_emotion_jsx_shim();
|
|
18216
|
-
var React21 = __toESM(require("react"));
|
|
18217
18216
|
|
|
18218
18217
|
// src/components/Table/Table.styles.ts
|
|
18219
18218
|
init_emotion_jsx_shim();
|
|
@@ -18272,51 +18271,52 @@ var responsiveTableContainer = import_react172.css`
|
|
|
18272
18271
|
}
|
|
18273
18272
|
`;
|
|
18274
18273
|
|
|
18275
|
-
// src/components/Table/
|
|
18274
|
+
// src/components/Table/ResponsiveTableContainer.tsx
|
|
18276
18275
|
var import_jsx_runtime138 = require("@emotion/react/jsx-runtime");
|
|
18276
|
+
var ResponsiveTableContainer = ({ children }) => {
|
|
18277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { css: responsiveTableContainer, children });
|
|
18278
|
+
};
|
|
18279
|
+
|
|
18280
|
+
// src/components/Table/Table.tsx
|
|
18281
|
+
init_emotion_jsx_shim();
|
|
18282
|
+
var React21 = __toESM(require("react"));
|
|
18283
|
+
var import_jsx_runtime139 = require("@emotion/react/jsx-runtime");
|
|
18277
18284
|
var Table = React21.forwardRef(
|
|
18278
18285
|
({ children, cellPadding, ...otherProps }, ref) => {
|
|
18279
|
-
return /* @__PURE__ */ (0,
|
|
18286
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
|
|
18280
18287
|
}
|
|
18281
18288
|
);
|
|
18282
18289
|
var TableHead = React21.forwardRef(
|
|
18283
18290
|
({ children, ...otherProps }, ref) => {
|
|
18284
|
-
return /* @__PURE__ */ (0,
|
|
18291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
|
|
18285
18292
|
}
|
|
18286
18293
|
);
|
|
18287
18294
|
var TableBody = React21.forwardRef(
|
|
18288
18295
|
({ children, ...otherProps }, ref) => {
|
|
18289
|
-
return /* @__PURE__ */ (0,
|
|
18296
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("tbody", { ref, ...otherProps, children });
|
|
18290
18297
|
}
|
|
18291
18298
|
);
|
|
18292
18299
|
var TableFoot = React21.forwardRef(
|
|
18293
18300
|
({ children, ...otherProps }, ref) => {
|
|
18294
|
-
return /* @__PURE__ */ (0,
|
|
18301
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("tfoot", { ref, ...otherProps, children });
|
|
18295
18302
|
}
|
|
18296
18303
|
);
|
|
18297
18304
|
var TableRow = React21.forwardRef(
|
|
18298
18305
|
({ children, ...otherProps }, ref) => {
|
|
18299
|
-
return /* @__PURE__ */ (0,
|
|
18306
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
|
|
18300
18307
|
}
|
|
18301
18308
|
);
|
|
18302
18309
|
var TableCellHead = React21.forwardRef(
|
|
18303
18310
|
({ children, ...otherProps }, ref) => {
|
|
18304
|
-
return /* @__PURE__ */ (0,
|
|
18311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
|
|
18305
18312
|
}
|
|
18306
18313
|
);
|
|
18307
18314
|
var TableCellData = React21.forwardRef(
|
|
18308
18315
|
({ children, ...otherProps }, ref) => {
|
|
18309
|
-
return /* @__PURE__ */ (0,
|
|
18316
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("td", { ref, ...otherProps, children });
|
|
18310
18317
|
}
|
|
18311
18318
|
);
|
|
18312
18319
|
|
|
18313
|
-
// src/components/Table/ResponsiveTableContainer.tsx
|
|
18314
|
-
init_emotion_jsx_shim();
|
|
18315
|
-
var import_jsx_runtime139 = require("@emotion/react/jsx-runtime");
|
|
18316
|
-
var ResponsiveTableContainer = ({ children }) => {
|
|
18317
|
-
return /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("div", { css: responsiveTableContainer, children });
|
|
18318
|
-
};
|
|
18319
|
-
|
|
18320
18320
|
// src/components/Tabs/Tabs.tsx
|
|
18321
18321
|
init_emotion_jsx_shim();
|
|
18322
18322
|
var import_react174 = require("@ariakit/react");
|
package/package.json
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/design-system",
|
|
3
|
-
"version": "20.
|
|
3
|
+
"version": "20.13.2",
|
|
4
4
|
"description": "Uniform design system components",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
|
+
"exports": {
|
|
7
|
+
".": {
|
|
8
|
+
"import": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"default": "./dist/esm/index.js"
|
|
11
|
+
},
|
|
12
|
+
"require": {
|
|
13
|
+
"types": "./dist/index.d.cts",
|
|
14
|
+
"default": "./dist/index.js"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
},
|
|
6
18
|
"main": "./dist/index.js",
|
|
7
19
|
"module": "./dist/esm/index.js",
|
|
8
20
|
"types": "./dist/index.d.ts",
|
|
@@ -16,7 +28,7 @@
|
|
|
16
28
|
"lint": "eslint \"src/**/*.{js,ts,tsx}\"",
|
|
17
29
|
"format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
|
|
18
30
|
"create:component": "hygen component with-prompt",
|
|
19
|
-
"document": "api-extractor run --local"
|
|
31
|
+
"document:prebuild": "api-extractor run --local"
|
|
20
32
|
},
|
|
21
33
|
"devDependencies": {
|
|
22
34
|
"@emotion/jest": "11.13.0",
|
|
@@ -26,11 +38,11 @@
|
|
|
26
38
|
"@storybook/theming": "^8.3.3",
|
|
27
39
|
"@types/react": "18.3.11",
|
|
28
40
|
"@types/react-dom": "18.3.1",
|
|
29
|
-
"@uniformdev/canvas": "^20.
|
|
30
|
-
"@uniformdev/richtext": "^20.
|
|
31
|
-
"autoprefixer": "10.4.
|
|
41
|
+
"@uniformdev/canvas": "^20.13.2",
|
|
42
|
+
"@uniformdev/richtext": "^20.13.2",
|
|
43
|
+
"autoprefixer": "10.4.21",
|
|
32
44
|
"hygen": "6.2.11",
|
|
33
|
-
"postcss": "8.
|
|
45
|
+
"postcss": "8.5.3",
|
|
34
46
|
"react": "18.3.1",
|
|
35
47
|
"react-dom": "18.3.1",
|
|
36
48
|
"react-select-event": "^5.5.1",
|
|
@@ -44,7 +56,7 @@
|
|
|
44
56
|
"@dnd-kit/utilities": "^3.2.2",
|
|
45
57
|
"@emotion/css": "11.13.5",
|
|
46
58
|
"@emotion/react": "11.13.5",
|
|
47
|
-
"@internationalized/date": "^3.
|
|
59
|
+
"@internationalized/date": "^3.7.0",
|
|
48
60
|
"@lexical/code": "0.25.0",
|
|
49
61
|
"@lexical/link": "0.25.0",
|
|
50
62
|
"@lexical/list": "0.25.0",
|
|
@@ -77,5 +89,5 @@
|
|
|
77
89
|
"publishConfig": {
|
|
78
90
|
"access": "public"
|
|
79
91
|
},
|
|
80
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "a9f1943df4e10e77972224d0e2d679e4fcda25c6"
|
|
81
93
|
}
|