@dinofront/design_system 1.6.2 → 1.7.0

package/dist/styles.css

@@ -534,6 +534,9 @@
   .mb-0\.5 {
     margin-bottom: calc(var(--spacing) * 0.5);
   }
+  .mb-1 {
+    margin-bottom: var(--spacing);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -2065,6 +2068,9 @@
   .capitalize {
     text-transform: capitalize;
   }
+  .normal-case {
+    text-transform: none;
+  }
   .uppercase {
     text-transform: uppercase;
   }
@@ -2277,6 +2283,14 @@
   .\[writing-mode\:vertical-rl\] {
     writing-mode: vertical-rl;
   }
+  @media (hover: hover) {
+    .group-hover\:bg-bg-container:is(:where(.group):hover *) {
+      background-color: var(--color-bg-container);
+    }
+  }
+  .group-data-\[selected\]\:bg-brand-50:is(:where(.group)[data-selected] *) {
+    background-color: var(--color-brand-50);
+  }
   .peer-checked\:translate-x-4:is(:where(.peer):checked ~ *) {
     --tw-translate-x: calc(var(--spacing) * 4);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -2761,12 +2775,6 @@
     --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);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
-  .\[\&_svg\]\:h-4 svg {
-    height: calc(var(--spacing) * 4);
-  }
-  .\[\&_svg\]\:w-4 svg {
-    width: calc(var(--spacing) * 4);
-  }
   .\[\&_svg\]\:opacity-0 svg {
     opacity: 0%;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinofront/design_system",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "description": "Enterprise React component library and design system built on Tailwind CSS.",
   "type": "module",
   "license": "MIT",

package/dist/components/Select/Select.d.ts

@@ -1,2 +0,0 @@
-import { SelectProps } from './Select.types';
-export declare const Select: import('react').ForwardRefExoticComponent<SelectProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/Select/Select.types.d.ts

@@ -1,54 +0,0 @@
-import { ReactNode } from 'react';
-import { BaseProps, OptionValue } from '../../types';
-export type SelectSize = 'lg' | 'md' | 'sm';
-export interface SelectOption {
-    value: OptionValue;
-    label: ReactNode;
-    /** Leading icon. When at least one option in the array has one, rendered in
-     *  a fixed-width column so labels align across all options in that array
-     *  regardless of which ones have one; icon-less arrays reserve no extra
-     *  space. Also shown on the closed trigger for the selected option. Sized
-     *  to 16px automatically. Does not participate in `searchable` text
-     *  matching. */
-    icon?: ReactNode;
-    /** Trailing icon, right-aligned in the row. List-only — not mirrored on the
-     *  trigger. Sized to 16px automatically. Does not participate in
-     *  `searchable` text matching. */
-    rightIcon?: ReactNode;
-    disabled?: boolean;
-    /** Group heading this option belongs under. Options sharing a group MUST be
-     *  contiguous in the `options` array — the heading is emitted whenever this
-     *  value changes between consecutive options, so a non-contiguous group
-     *  renders its heading more than once. */
-    group?: string;
-    /** Text used for `searchable` matching when `label` isn't a plain string. */
-    searchText?: string;
-}
-export interface SelectProps extends BaseProps {
-    options: SelectOption[];
-    value?: OptionValue;
-    defaultValue?: OptionValue;
-    onChange?: (value: OptionValue) => void;
-    placeholder?: string;
-    label?: ReactNode;
-    /** 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. */
-    labelAddons?: ReactNode;
-    helperText?: ReactNode;
-    errorText?: ReactNode;
-    error?: boolean;
-    size?: SelectSize;
-    disabled?: boolean;
-    /** Renders a red asterisk next to the label and sets `aria-required` on the trigger. */
-    required?: boolean;
-    /** Shows a spinner in place of the chevron and blocks opening the list. Does not set the native `disabled` attribute. */
-    loading?: boolean;
-    /** Renders a text filter pinned above the open list. */
-    searchable?: boolean;
-    /** Placeholder for the `searchable` filter input. Defaults to `'Search…'`. */
-    searchPlaceholder?: string;
-    /** Shown in place of the list when the filter matches nothing. Defaults to `'No results'`. */
-    emptyText?: string;
-    id?: string;
-    className?: string;
-    wrapperClassName?: string;
-}

package/dist/components/Select/index.d.ts

@@ -1,2 +0,0 @@
-export { Select } from './Select';
-export type { SelectProps, SelectOption, SelectSize } from './Select.types';