@dinofront/design_system 1.6.3 → 1.7.0
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/FormField/FormField.types.d.ts +2 -2
- package/dist/components/TableV2/TableV2.types.d.ts +3 -1
- package/dist/components/TableV2/TableV2Pagination.d.ts +3 -1
- package/dist/components/TableV2/TableV2Pagination.i18n.d.ts +8 -0
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1169 -1318
- package/dist/index.js.map +1 -1
- package/dist/styles.css +6 -6
- package/package.json +1 -1
- package/dist/components/Select/Select.d.ts +0 -2
- package/dist/components/Select/Select.types.d.ts +0 -54
- package/dist/components/Select/index.d.ts +0 -2
package/dist/styles.css
CHANGED
|
@@ -534,6 +534,9 @@
|
|
|
534
534
|
.mb-0\.5 {
|
|
535
535
|
margin-bottom: calc(var(--spacing) * 0.5);
|
|
536
536
|
}
|
|
537
|
+
.mb-1 {
|
|
538
|
+
margin-bottom: var(--spacing);
|
|
539
|
+
}
|
|
537
540
|
.mb-2 {
|
|
538
541
|
margin-bottom: calc(var(--spacing) * 2);
|
|
539
542
|
}
|
|
@@ -2065,6 +2068,9 @@
|
|
|
2065
2068
|
.capitalize {
|
|
2066
2069
|
text-transform: capitalize;
|
|
2067
2070
|
}
|
|
2071
|
+
.normal-case {
|
|
2072
|
+
text-transform: none;
|
|
2073
|
+
}
|
|
2068
2074
|
.uppercase {
|
|
2069
2075
|
text-transform: uppercase;
|
|
2070
2076
|
}
|
|
@@ -2769,12 +2775,6 @@
|
|
|
2769
2775
|
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
|
|
2770
2776
|
--tw-gradient-stops: var(--tw-gradient-via-stops);
|
|
2771
2777
|
}
|
|
2772
|
-
.\[\&_svg\]\:h-4 svg {
|
|
2773
|
-
height: calc(var(--spacing) * 4);
|
|
2774
|
-
}
|
|
2775
|
-
.\[\&_svg\]\:w-4 svg {
|
|
2776
|
-
width: calc(var(--spacing) * 4);
|
|
2777
|
-
}
|
|
2778
2778
|
.\[\&_svg\]\:opacity-0 svg {
|
|
2779
2779
|
opacity: 0%;
|
|
2780
2780
|
}
|
package/package.json
CHANGED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { BaseProps, OptionValue } from '../../types';
|
|
3
|
-
export type SelectSize = 'lg' | 'md' | 'sm';
|
|
4
|
-
export interface SelectOption {
|
|
5
|
-
value: OptionValue;
|
|
6
|
-
label: ReactNode;
|
|
7
|
-
/** Leading icon. When at least one option in the array has one, rendered in
|
|
8
|
-
* a fixed-width column so labels align across all options in that array
|
|
9
|
-
* regardless of which ones have one; icon-less arrays reserve no extra
|
|
10
|
-
* space. Also shown on the closed trigger for the selected option. Sized
|
|
11
|
-
* to 16px automatically. Does not participate in `searchable` text
|
|
12
|
-
* matching. */
|
|
13
|
-
icon?: ReactNode;
|
|
14
|
-
/** Trailing icon, right-aligned in the row. List-only — not mirrored on the
|
|
15
|
-
* trigger. Sized to 16px automatically. Does not participate in
|
|
16
|
-
* `searchable` text matching. */
|
|
17
|
-
rightIcon?: ReactNode;
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/** Group heading this option belongs under. Options sharing a group MUST be
|
|
20
|
-
* contiguous in the `options` array — the heading is emitted whenever this
|
|
21
|
-
* value changes between consecutive options, so a non-contiguous group
|
|
22
|
-
* renders its heading more than once. */
|
|
23
|
-
group?: string;
|
|
24
|
-
/** Text used for `searchable` matching when `label` isn't a plain string. */
|
|
25
|
-
searchText?: string;
|
|
26
|
-
}
|
|
27
|
-
export interface SelectProps extends BaseProps {
|
|
28
|
-
options: SelectOption[];
|
|
29
|
-
value?: OptionValue;
|
|
30
|
-
defaultValue?: OptionValue;
|
|
31
|
-
onChange?: (value: OptionValue) => void;
|
|
32
|
-
placeholder?: string;
|
|
33
|
-
label?: ReactNode;
|
|
34
|
-
/** Content rendered on the label row, right of the label text — e.g. an info tooltip trigger. Rendered as a sibling of the `<label>`, not a child, so an interactive addon never steals focus into the trigger. */
|
|
35
|
-
labelAddons?: ReactNode;
|
|
36
|
-
helperText?: ReactNode;
|
|
37
|
-
errorText?: ReactNode;
|
|
38
|
-
error?: boolean;
|
|
39
|
-
size?: SelectSize;
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
/** Renders a red asterisk next to the label and sets `aria-required` on the trigger. */
|
|
42
|
-
required?: boolean;
|
|
43
|
-
/** Shows a spinner in place of the chevron and blocks opening the list. Does not set the native `disabled` attribute. */
|
|
44
|
-
loading?: boolean;
|
|
45
|
-
/** Renders a text filter pinned above the open list. */
|
|
46
|
-
searchable?: boolean;
|
|
47
|
-
/** Placeholder for the `searchable` filter input. Defaults to `'Search…'`. */
|
|
48
|
-
searchPlaceholder?: string;
|
|
49
|
-
/** Shown in place of the list when the filter matches nothing. Defaults to `'No results'`. */
|
|
50
|
-
emptyText?: string;
|
|
51
|
-
id?: string;
|
|
52
|
-
className?: string;
|
|
53
|
-
wrapperClassName?: string;
|
|
54
|
-
}
|