@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/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,6 +1,6 @@
1
1
  {
2
2
  "name": "@dinofront/design_system",
3
- "version": "1.6.3",
3
+ "version": "1.7.0",
4
4
  "description": "Enterprise React component library and design system built on Tailwind CSS.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -1,2 +0,0 @@
1
- import { SelectProps } from './Select.types';
2
- export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
@@ -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
- }
@@ -1,2 +0,0 @@
1
- export { Select } from './Select';
2
- export type { SelectProps, SelectOption, SelectSize } from './Select.types';