ics-ui-kit 0.1.0-alpha.74 → 0.1.0-alpha.75
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.
|
@@ -18,7 +18,6 @@ export declare const TemplateModalPlayground: StoryObj<typeof TemplateModalExamp
|
|
|
18
18
|
export declare const GramaxModal: Story;
|
|
19
19
|
export declare const CascadingModals: Story;
|
|
20
20
|
export declare const WithDropdownTooltipPopover: Story;
|
|
21
|
-
export declare const CustomModals: Story;
|
|
22
21
|
export declare const WithoutCloseButton: Story;
|
|
23
22
|
export declare const WithCustomCloseButton: Story;
|
|
24
23
|
export declare const WithoutBackdropClose: Story;
|
package/dist/components/table.js
CHANGED
|
@@ -19,12 +19,12 @@ const c = s({
|
|
|
19
19
|
({ className: e, ...a }, t) => /* @__PURE__ */ l("thead", { ref: t, className: c({ className: e }), ...a })
|
|
20
20
|
);
|
|
21
21
|
m.displayName = "TableHeader";
|
|
22
|
-
const
|
|
22
|
+
const i = s({
|
|
23
23
|
base: "[&_tr:last-child]:border-0"
|
|
24
|
-
}),
|
|
25
|
-
({ className: e, ...a }, t) => /* @__PURE__ */ l("tbody", { ref: t, className:
|
|
24
|
+
}), n = o.forwardRef(
|
|
25
|
+
({ className: e, ...a }, t) => /* @__PURE__ */ l("tbody", { ref: t, className: i({ className: e }), ...a })
|
|
26
26
|
);
|
|
27
|
-
|
|
27
|
+
n.displayName = "TableBody";
|
|
28
28
|
const p = s({
|
|
29
29
|
base: "border-t bg-primary/[0.03] font-medium [&>tr]:last:border-b-0"
|
|
30
30
|
}), f = o.forwardRef(
|
|
@@ -38,28 +38,28 @@ const y = s({
|
|
|
38
38
|
);
|
|
39
39
|
h.displayName = "TableRow";
|
|
40
40
|
const N = s({
|
|
41
|
-
base: "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0
|
|
41
|
+
base: "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0"
|
|
42
42
|
}), T = o.forwardRef(
|
|
43
43
|
({ className: e, ...a }, t) => /* @__PURE__ */ l("th", { ref: t, className: N({ className: e }), ...a })
|
|
44
44
|
);
|
|
45
45
|
T.displayName = "TableHead";
|
|
46
46
|
const w = s({
|
|
47
|
-
base: "p-2 align-middle [&:has([role=checkbox])]:pr-0
|
|
48
|
-
}),
|
|
47
|
+
base: "p-2 align-middle [&:has([role=checkbox])]:pr-0"
|
|
48
|
+
}), R = o.forwardRef(
|
|
49
49
|
({ className: e, ...a }, t) => /* @__PURE__ */ l("td", { ref: t, className: w({ className: e }), ...a })
|
|
50
50
|
);
|
|
51
|
-
|
|
52
|
-
const
|
|
51
|
+
R.displayName = "TableCell";
|
|
52
|
+
const g = s({
|
|
53
53
|
base: "mt-4 text-sm text-muted-foreground"
|
|
54
|
-
}),
|
|
55
|
-
({ className: e, ...a }, t) => /* @__PURE__ */ l("caption", { ref: t, className:
|
|
54
|
+
}), x = o.forwardRef(
|
|
55
|
+
({ className: e, ...a }, t) => /* @__PURE__ */ l("caption", { ref: t, className: g({ className: e }), ...a })
|
|
56
56
|
);
|
|
57
|
-
|
|
57
|
+
x.displayName = "TableCaption";
|
|
58
58
|
export {
|
|
59
59
|
d as Table,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
n as TableBody,
|
|
61
|
+
x as TableCaption,
|
|
62
|
+
R as TableCell,
|
|
63
63
|
f as TableFooter,
|
|
64
64
|
T as TableHead,
|
|
65
65
|
m as TableHeader,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sources":["../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst tableStyles = tv({\n\tslots: {\n\t\twrapper: \"relative w-full overflow-x-auto\",\n\t\ttable: \"w-full caption-bottom text-sm\"\n\t}\n});\n\nexport const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n\t({ className, ...props }, ref) => {\n\t\tconst styles = tableStyles();\n\n\t\treturn (\n\t\t\t<div className={styles.wrapper()}>\n\t\t\t\t<table ref={ref} className={styles.table({ className })} {...props} />\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nTable.displayName = \"Table\";\n\nconst tableHeaderStyles = tv({\n\tbase: \"[&_tr]:border-b\"\n});\n\nexport const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <thead ref={ref} className={tableHeaderStyles({ className })} {...props} />\n);\n\nTableHeader.displayName = \"TableHeader\";\n\nconst tableBodyStyles = tv({\n\tbase: \"[&_tr:last-child]:border-0\"\n});\n\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\n);\n\nTableBody.displayName = \"TableBody\";\n\nconst tableFooterStyles = tv({\n\tbase: \"border-t bg-primary/[0.03] font-medium [&>tr]:last:border-b-0\"\n});\n\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <tfoot ref={ref} className={tableFooterStyles({ className })} {...props} />\n);\n\nTableFooter.displayName = \"TableFooter\";\n\nconst tableRowStyles = tv({\n\tbase: \"border-b transition-colors hover:bg-alpha-high-97 data-[state=selected]:bg-alpha-high-95 data-[state=selected]:hover:bg-alpha-high-92\"\n});\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n\t({ className, ...props }, ref) => <tr ref={ref} className={tableRowStyles({ className })} {...props} />\n);\n\nTableRow.displayName = \"TableRow\";\n\nconst tableHeadStyles = tv({\n\tbase: \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../src/components/table/Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nconst tableStyles = tv({\n\tslots: {\n\t\twrapper: \"relative w-full overflow-x-auto\",\n\t\ttable: \"w-full caption-bottom text-sm\"\n\t}\n});\n\nexport const Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(\n\t({ className, ...props }, ref) => {\n\t\tconst styles = tableStyles();\n\n\t\treturn (\n\t\t\t<div className={styles.wrapper()}>\n\t\t\t\t<table ref={ref} className={styles.table({ className })} {...props} />\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nTable.displayName = \"Table\";\n\nconst tableHeaderStyles = tv({\n\tbase: \"[&_tr]:border-b\"\n});\n\nexport const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <thead ref={ref} className={tableHeaderStyles({ className })} {...props} />\n);\n\nTableHeader.displayName = \"TableHeader\";\n\nconst tableBodyStyles = tv({\n\tbase: \"[&_tr:last-child]:border-0\"\n});\n\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <tbody ref={ref} className={tableBodyStyles({ className })} {...props} />\n);\n\nTableBody.displayName = \"TableBody\";\n\nconst tableFooterStyles = tv({\n\tbase: \"border-t bg-primary/[0.03] font-medium [&>tr]:last:border-b-0\"\n});\n\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n\t({ className, ...props }, ref) => <tfoot ref={ref} className={tableFooterStyles({ className })} {...props} />\n);\n\nTableFooter.displayName = \"TableFooter\";\n\nconst tableRowStyles = tv({\n\tbase: \"border-b transition-colors hover:bg-alpha-high-97 data-[state=selected]:bg-alpha-high-95 data-[state=selected]:hover:bg-alpha-high-92\"\n});\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n\t({ className, ...props }, ref) => <tr ref={ref} className={tableRowStyles({ className })} {...props} />\n);\n\nTableRow.displayName = \"TableRow\";\n\nconst tableHeadStyles = tv({\n\tbase: \"h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0\"\n});\n\nexport const TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(\n\t({ className, ...props }, ref) => <th ref={ref} className={tableHeadStyles({ className })} {...props} />\n);\n\nTableHead.displayName = \"TableHead\";\n\nconst tableCellStyles = tv({\n\tbase: \"p-2 align-middle [&:has([role=checkbox])]:pr-0\"\n});\n\nexport const TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(\n\t({ className, ...props }, ref) => <td ref={ref} className={tableCellStyles({ className })} {...props} />\n);\n\nTableCell.displayName = \"TableCell\";\n\nconst tableCaptionStyles = tv({\n\tbase: \"mt-4 text-sm text-muted-foreground\"\n});\n\nexport const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n\t({ className, ...props }, ref) => <caption ref={ref} className={tableCaptionStyles({ className })} {...props} />\n);\n\nTableCaption.displayName = \"TableCaption\";\n"],"names":["tableStyles","tv","Table","React","className","props","ref","styles","tableHeaderStyles","TableHeader","jsx","tableBodyStyles","TableBody","tableFooterStyles","TableFooter","tableRowStyles","TableRow","tableHeadStyles","TableHead","tableCellStyles","TableCell","tableCaptionStyles","TableCaption"],"mappings":";;;AAGA,MAAMA,IAAcC,EAAG;AAAA,EACtB,OAAO;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAET,CAAC,GAEYC,IAAQC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AACjC,UAAMC,IAASP,EAAY;AAE3B,6BACE,OAAI,EAAA,WAAWO,EAAO,QAAQ,GAC9B,4BAAC,SAAM,EAAA,KAAAD,GAAU,WAAWC,EAAO,MAAM,EAAE,WAAAH,EAAA,CAAW,GAAI,GAAGC,EAAO,CAAA,GACrE;AAAA,EAAA;AAGH;AAEAH,EAAM,cAAc;AAEpB,MAAMM,IAAoBP,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAEYQ,IAAcN,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAI,EAAC,SAAM,EAAA,KAAAJ,GAAU,WAAWE,EAAkB,EAAE,WAAAJ,GAAW,GAAI,GAAGC,EAAO,CAAA;AAC5G;AAEAI,EAAY,cAAc;AAE1B,MAAME,IAAkBV,EAAG;AAAA,EAC1B,MAAM;AACP,CAAC,GAEYW,IAAYT,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAI,EAAC,SAAM,EAAA,KAAAJ,GAAU,WAAWK,EAAgB,EAAE,WAAAP,GAAW,GAAI,GAAGC,EAAO,CAAA;AAC1G;AAEAO,EAAU,cAAc;AAExB,MAAMC,IAAoBZ,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAEYa,IAAcX,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAI,EAAC,SAAM,EAAA,KAAAJ,GAAU,WAAWO,EAAkB,EAAE,WAAAT,GAAW,GAAI,GAAGC,EAAO,CAAA;AAC5G;AAEAS,EAAY,cAAc;AAE1B,MAAMC,IAAiBd,EAAG;AAAA,EACzB,MAAM;AACP,CAAC,GAEYe,IAAWb,EAAM;AAAA,EAC7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAI,EAAC,MAAG,EAAA,KAAAJ,GAAU,WAAWS,EAAe,EAAE,WAAAX,GAAW,GAAI,GAAGC,EAAO,CAAA;AACtG;AAEAW,EAAS,cAAc;AAEvB,MAAMC,IAAkBhB,EAAG;AAAA,EAC1B,MAAM;AACP,CAAC,GAEYiB,IAAYf,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAI,EAAC,MAAG,EAAA,KAAAJ,GAAU,WAAWW,EAAgB,EAAE,WAAAb,GAAW,GAAI,GAAGC,EAAO,CAAA;AACvG;AAEAa,EAAU,cAAc;AAExB,MAAMC,IAAkBlB,EAAG;AAAA,EAC1B,MAAM;AACP,CAAC,GAEYmB,IAAYjB,EAAM;AAAA,EAC9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAI,EAAC,MAAG,EAAA,KAAAJ,GAAU,WAAWa,EAAgB,EAAE,WAAAf,GAAW,GAAI,GAAGC,EAAO,CAAA;AACvG;AAEAe,EAAU,cAAc;AAExB,MAAMC,IAAqBpB,EAAG;AAAA,EAC7B,MAAM;AACP,CAAC,GAEYqB,IAAenB,EAAM;AAAA,EACjC,CAAC,EAAE,WAAAC,GAAW,GAAGC,KAASC,MAAQ,gBAAAI,EAAC,WAAQ,EAAA,KAAAJ,GAAU,WAAWe,EAAmB,EAAE,WAAAjB,GAAW,GAAI,GAAGC,EAAO,CAAA;AAC/G;AAEAiB,EAAa,cAAc;"}
|
package/dist/styles-scoped.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* Изолированные стили */
|
|
2
|
-
:root {
|
|
2
|
+
:root, .light {
|
|
3
3
|
--radius: 0.5rem;
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -2470,9 +2470,6 @@
|
|
|
2470
2470
|
.ui-kit .resize {
|
|
2471
2471
|
resize: both;
|
|
2472
2472
|
}
|
|
2473
|
-
.ui-kit .list-disc {
|
|
2474
|
-
list-style-type: disc;
|
|
2475
|
-
}
|
|
2476
2473
|
.ui-kit .grid-cols-1 {
|
|
2477
2474
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2478
2475
|
}
|
|
@@ -5792,10 +5789,6 @@
|
|
|
5792
5789
|
padding-top: 0.625rem;
|
|
5793
5790
|
padding-bottom: 0.625rem;
|
|
5794
5791
|
}
|
|
5795
|
-
.ui-kit .lg\:py-6 {
|
|
5796
|
-
padding-top: 1.5rem;
|
|
5797
|
-
padding-bottom: 1.5rem;
|
|
5798
|
-
}
|
|
5799
5792
|
.ui-kit .lg\:py-\[0\.3125rem\] {
|
|
5800
5793
|
padding-top: 0.3125rem;
|
|
5801
5794
|
padding-bottom: 0.3125rem;
|
|
@@ -5977,10 +5970,6 @@
|
|
|
5977
5970
|
.ui-kit .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
|
|
5978
5971
|
padding-right: 0px;
|
|
5979
5972
|
}
|
|
5980
|
-
.ui-kit :is(.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]) {
|
|
5981
|
-
--tw-translate-y: 2px;
|
|
5982
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5983
|
-
}
|
|
5984
5973
|
.ui-kit :is(.\[\&\>button\]\:hidden>button) {
|
|
5985
5974
|
display: none;
|
|
5986
5975
|
}
|
package/dist/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* Глобальные стили */
|
|
2
|
-
:root {
|
|
2
|
+
:root, .light {
|
|
3
3
|
--radius: 0.5rem;
|
|
4
4
|
|
|
5
5
|
/**
|
|
@@ -2455,9 +2455,6 @@ body {
|
|
|
2455
2455
|
.resize {
|
|
2456
2456
|
resize: both;
|
|
2457
2457
|
}
|
|
2458
|
-
.list-disc {
|
|
2459
|
-
list-style-type: disc;
|
|
2460
|
-
}
|
|
2461
2458
|
.grid-cols-1 {
|
|
2462
2459
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2463
2460
|
}
|
|
@@ -5781,10 +5778,6 @@ body {
|
|
|
5781
5778
|
padding-top: 0.625rem;
|
|
5782
5779
|
padding-bottom: 0.625rem;
|
|
5783
5780
|
}
|
|
5784
|
-
.lg\:py-6 {
|
|
5785
|
-
padding-top: 1.5rem;
|
|
5786
|
-
padding-bottom: 1.5rem;
|
|
5787
|
-
}
|
|
5788
5781
|
.lg\:py-\[0\.3125rem\] {
|
|
5789
5782
|
padding-top: 0.3125rem;
|
|
5790
5783
|
padding-bottom: 0.3125rem;
|
|
@@ -5966,10 +5959,6 @@ body {
|
|
|
5966
5959
|
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
|
|
5967
5960
|
padding-right: 0px;
|
|
5968
5961
|
}
|
|
5969
|
-
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
|
|
5970
|
-
--tw-translate-y: 2px;
|
|
5971
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
5972
|
-
}
|
|
5973
5962
|
.\[\&\>button\]\:hidden>button {
|
|
5974
5963
|
display: none;
|
|
5975
5964
|
}
|
package/dist/theme.css
CHANGED