@segmentify/ui 0.0.35 → 0.0.36
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/components/atoms/alert-dialog.d.ts +18 -0
- package/dist/components/atoms/button.d.ts +2 -2
- package/dist/components/atoms/combobox.d.ts +24 -0
- package/dist/components/atoms/content-wrapper.d.ts +1 -1
- package/dist/components/atoms/input-group.d.ts +16 -0
- package/dist/components/molecules/combobox-field.d.ts +19 -24
- package/dist/components/molecules/date-range-picker.d.ts +10 -8
- package/dist/components/organisms/data-table/column-visibility.d.ts +1 -2
- package/dist/components/organisms/data-table/context.d.ts +2 -2
- package/dist/components/organisms/data-table/index.d.ts +2 -1
- package/dist/components/organisms/data-table/pagination.d.ts +5 -1
- package/dist/components/organisms/data-table/root.d.ts +3 -3
- package/dist/components/organisms/date-preset/context.d.ts +8 -0
- package/dist/components/organisms/date-preset/date-preset.d.ts +11 -0
- package/dist/components/organisms/date-preset/index.d.ts +8 -0
- package/dist/components/organisms/date-preset/presets.d.ts +21 -0
- package/dist/components/organisms/date-preset/root.d.ts +9 -0
- package/dist/components/organisms/form-combobox.d.ts +9 -14
- package/dist/components/organisms/form-file-upload.d.ts +3 -1
- package/dist/components/organisms/timeline.d.ts +25 -0
- package/dist/hooks/use-data-table.d.ts +9 -8
- package/dist/index.d.ts +12 -1
- package/dist/lib/design-variants.d.ts +1 -1
- package/dist/lib/utils.d.ts +27 -1
- package/dist/segmentify-ui.cjs +98 -72
- package/dist/segmentify-ui.js +31460 -25283
- package/dist/ui.css +24 -8
- package/package.json +1 -1
- package/dist/components/molecules/confirmation-dialog.d.ts +0 -24
package/dist/ui.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! tailwindcss v4.2.
|
|
1
|
+
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
|
|
2
2
|
@layer properties;
|
|
3
3
|
:root, :host {
|
|
4
4
|
--ui-font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
@@ -93,6 +93,7 @@
|
|
|
93
93
|
--ui-aspect-video: 16 / 9;
|
|
94
94
|
--ui-default-transition-duration: 150ms;
|
|
95
95
|
--ui-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
96
|
+
--ui-default-font-family: var(--ui-font-sans);
|
|
96
97
|
--ui-animate-accordion-down: accordion-down 0.2s ease-out;
|
|
97
98
|
--ui-animate-accordion-up: accordion-up 0.6s ease-out;
|
|
98
99
|
--ui-color-background: hsl(var(--ui-background));
|
|
@@ -352,6 +353,9 @@
|
|
|
352
353
|
.ui\:mb-2 {
|
|
353
354
|
margin-bottom: calc(var(--ui-spacing) * 2);
|
|
354
355
|
}
|
|
356
|
+
.ui\:mb-2\.5 {
|
|
357
|
+
margin-bottom: calc(var(--ui-spacing) * 2.5);
|
|
358
|
+
}
|
|
355
359
|
.ui\:mb-4 {
|
|
356
360
|
margin-bottom: calc(var(--ui-spacing) * 4);
|
|
357
361
|
}
|
|
@@ -989,13 +993,6 @@
|
|
|
989
993
|
margin-block-end: calc(calc(var(--ui-spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
|
|
990
994
|
}
|
|
991
995
|
}
|
|
992
|
-
.ui\:space-y-2\.5 {
|
|
993
|
-
:where(& > :not(:last-child)) {
|
|
994
|
-
--tw-space-y-reverse: 0;
|
|
995
|
-
margin-block-start: calc(calc(var(--ui-spacing) * 2.5) * var(--tw-space-y-reverse));
|
|
996
|
-
margin-block-end: calc(calc(var(--ui-spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
|
|
997
|
-
}
|
|
998
|
-
}
|
|
999
996
|
.ui\:space-y-3 {
|
|
1000
997
|
:where(& > :not(:last-child)) {
|
|
1001
998
|
--tw-space-y-reverse: 0;
|
|
@@ -1114,6 +1111,14 @@
|
|
|
1114
1111
|
border-top-right-radius: var(--ui-radius-md);
|
|
1115
1112
|
border-bottom-right-radius: var(--ui-radius-md);
|
|
1116
1113
|
}
|
|
1114
|
+
.ui\:rounded-b-lg {
|
|
1115
|
+
border-bottom-right-radius: var(--ui-radius-lg);
|
|
1116
|
+
border-bottom-left-radius: var(--ui-radius-lg);
|
|
1117
|
+
}
|
|
1118
|
+
.ui\:rounded-b-none {
|
|
1119
|
+
border-bottom-right-radius: 0;
|
|
1120
|
+
border-bottom-left-radius: 0;
|
|
1121
|
+
}
|
|
1117
1122
|
.ui\:border {
|
|
1118
1123
|
border-style: var(--tw-border-style);
|
|
1119
1124
|
border-width: 1px;
|
|
@@ -1138,6 +1143,10 @@
|
|
|
1138
1143
|
border-top-style: var(--tw-border-style);
|
|
1139
1144
|
border-top-width: 1px;
|
|
1140
1145
|
}
|
|
1146
|
+
.ui\:border-t-0 {
|
|
1147
|
+
border-top-style: var(--tw-border-style);
|
|
1148
|
+
border-top-width: 0px;
|
|
1149
|
+
}
|
|
1141
1150
|
.ui\:border-r {
|
|
1142
1151
|
border-right-style: var(--tw-border-style);
|
|
1143
1152
|
border-right-width: 1px;
|
|
@@ -1554,6 +1563,9 @@
|
|
|
1554
1563
|
.ui\:py-6 {
|
|
1555
1564
|
padding-block: calc(var(--ui-spacing) * 6);
|
|
1556
1565
|
}
|
|
1566
|
+
.ui\:py-7 {
|
|
1567
|
+
padding-block: calc(var(--ui-spacing) * 7);
|
|
1568
|
+
}
|
|
1557
1569
|
.ui\:py-8 {
|
|
1558
1570
|
padding-block: calc(var(--ui-spacing) * 8);
|
|
1559
1571
|
}
|
|
@@ -4874,6 +4886,10 @@
|
|
|
4874
4886
|
.ui-lib-root {
|
|
4875
4887
|
background-color: var(--ui-color-background);
|
|
4876
4888
|
color: var(--ui-color-foreground);
|
|
4889
|
+
line-height: 1.5;
|
|
4890
|
+
-webkit-text-size-adjust: 100%;
|
|
4891
|
+
tab-size: 4;
|
|
4892
|
+
font-family: var(--ui-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
4877
4893
|
}
|
|
4878
4894
|
}
|
|
4879
4895
|
@property --tw-animation-delay {
|
package/package.json
CHANGED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { VariantProps } from 'class-variance-authority';
|
|
3
|
-
import { buttonVariants } from '../../lib/design-variants';
|
|
4
|
-
import type { Union } from 'ts-toolbelt';
|
|
5
|
-
type BaseProps = {
|
|
6
|
-
title: string;
|
|
7
|
-
description: string;
|
|
8
|
-
onAction: () => void;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
cancelLabel: string;
|
|
11
|
-
actionLabel: string;
|
|
12
|
-
actionVariant?: VariantProps<typeof buttonVariants>['variant'];
|
|
13
|
-
};
|
|
14
|
-
type ControlledProps = BaseProps & {
|
|
15
|
-
controlled: true;
|
|
16
|
-
open: boolean;
|
|
17
|
-
setOpen: (open: boolean) => void;
|
|
18
|
-
};
|
|
19
|
-
type UncontrolledProps = BaseProps & {
|
|
20
|
-
controlled?: false;
|
|
21
|
-
};
|
|
22
|
-
type Props = Union.Strict<ControlledProps | UncontrolledProps>;
|
|
23
|
-
export declare const ConfirmationDialog: ({ title, description, onAction, children, cancelLabel, actionLabel, actionVariant, open, setOpen, controlled, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export {};
|