@besaitech/ng-design-system 0.0.55 → 0.0.57

package/README.md

@@ -69,7 +69,8 @@ This is the step that makes the components look right. Tailwind v4 is CSS-first
 @import "@besaitech/ng-design-system/themes/base.css";
 @import "@besaitech/ng-design-system/themes/saitech.css";  /* blues */
 /* @import "@besaitech/ng-design-system/themes/belvigo.css";   black */
-/* @import "@besaitech/ng-design-system/themes/belvigo-emerald.css";   emerald (Belvigo merchant) */
+/* @import "@besaitech/ng-design-system/themes/belvigo-emerald.css";   emerald (Belvigo merchant);
+   keeps green primary fills in dark mode through the --sds-dark-* hooks listed in base.css */
 
 /* Override any base default in your own @theme afterwards, e.g. the typeface. */
 @theme {
@@ -171,16 +172,16 @@ Import names are the `Sl…` classes; the markup selectors are `sds-…`.
 | Component | Selector | Notes |
 | --- | --- | --- |
 | `SdsButton` | `<sds-button>` | `variant` (primary·secondary·tertiary·ghost·danger), `size`, `loading`, `block`, `iconOnly`; `[sdsIconLeading]`/`[sdsIconTrailing]` slots |
-| `SdsInput` | `<sds-input>` | CVA. `label`, `hint`, `error`, `size`, `appearance` (default·on-brand), `leading/trailingIcon`, `clearable` |
-| `SdsTextarea` | `<sds-textarea>` | CVA. Auto-grow, `label`, `hint`, `error` |
+| `SdsInput` | `<sds-input>` | CVA. `label`, `hint`, `error`, `size`, `appearance` (default·on-brand), `leading/trailingIcon`, `clearable`, `required`, `invalid`, `inputId` |
+| `SdsTextarea` | `<sds-textarea>` | CVA. Auto-grow, `label`, `hint`, `error`, `required` |
 | `SdsTimeInput` | `<sds-time-input>` | CVA time of day, 24 h, value `"HH:mm"` \| null; `minuteStep`, `clearable`, `withSeconds` |
 | `SdsChipGroup` / `SdsChip` | `<sds-chip-group>` / `<sds-chip>` | Filter/choice chips: one or `multiple` (array), counts, `[(value)]` or CVA; single toggle chip `[(selected)]` |
 | `SdsToggleSwitch` | `<sds-toggle-switch>` | CVA boolean toggle |
 | `SdsSelect` | `<sds-select>` | CVA single-select dropdown |
-| `SdsMultiSelect` | `<sds-multi-select>` | CVA multi-select with chips |
+| `SdsMultiSelect` | `<sds-multi-select>` | CVA multi-select with chips; `(opened)` / `(closed)` (emits the selection) |
 | `SdsDatePicker` / `SdsCalendar` | `<sds-date-picker>` / `<sds-calendar>` | CVA date field + popover calendar (`date-utils` helpers) |
 | `SdsPhoneInput` | `<sds-phone-input>` | CVA phone field with country selector (`phone-countries`) |
-| `SdsIcon` | `<sds-icon>` | Inline-SVG icon; `name`, `size`, `strokeWidth` |
+| `SdsIcon` | `<sds-icon>` | Inline-SVG icon; `name`, `size`, `strokeWidth`, `filled` |
 | `SdsAvatar` | `<sds-avatar>` | Image, initials or `fallbackIcon` + status dot; `shape` (circle·rounded·square), `decorative`; broken image falls back |
 | `SdsBadge` | `<sds-badge>` | Status pill; `variant`, `dot` |
 | `SdsCard` | `<sds-card>` | Surface container; `variant`, `interactive`, `padding` |
@@ -189,7 +190,7 @@ Import names are the `Sl…` classes; the markup selectors are `sds-…`.
 
 | Component | Selectors |
 | --- | --- |
-| Tabs | `<sds-tabs>` · `<sds-tab-list>` · `<sds-tab>` · `<sds-tab-panels>` · `<sds-tab-panel>` — `controlled` + `(tabSelect)` for query-param/guarded tabs; panels optional |
+| Tabs | `<sds-tabs>` · `<sds-tab-list>` · `<sds-tab>` · `<sds-tab-panels>` · `<sds-tab-panel>` — `controlled` + `(tabSelect)` for query-param/guarded tabs; panels optional; `<sds-tab-list [ariaLabel]>` |
 | Accordion | `<sds-accordion>` · `<sds-accordion-panel>` · `<sds-accordion-header>` · `<sds-accordion-content>` |
 | Table | `<sds-table>` · `ng-template[sdsCell]` · `[sdsHeader]` · `[sdsRowExpansion]` · `[sdsTableEmpty]` — `rowClickable`, `[rowClass]` |
 | Paginator | `<sds-paginator>` |