@besaitech/ng-design-system 0.0.54 → 0.0.55

package/README.md

@@ -69,6 +69,7 @@ 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) */
 
 /* Override any base default in your own @theme afterwards, e.g. the typeface. */
 @theme {
@@ -172,13 +173,15 @@ Import names are the `Sl…` classes; the markup selectors are `sds-…`.
 | `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` |
+| `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 |
 | `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` |
-| `SdsAvatar` | `<sds-avatar>` | Initials/image + status dot |
+| `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` |
 
@@ -186,9 +189,9 @@ 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>` |
+| Tabs | `<sds-tabs>` · `<sds-tab-list>` · `<sds-tab>` · `<sds-tab-panels>` · `<sds-tab-panel>` — `controlled` + `(tabSelect)` for query-param/guarded tabs; panels optional |
 | Accordion | `<sds-accordion>` · `<sds-accordion-panel>` · `<sds-accordion-header>` · `<sds-accordion-content>` |
-| Table | `<sds-table>` · `<sds-table-cell>` · `<sds-table-row-expansion>` |
+| Table | `<sds-table>` · `ng-template[sdsCell]` · `[sdsHeader]` · `[sdsRowExpansion]` · `[sdsTableEmpty]` — `rowClickable`, `[rowClass]` |
 | Paginator | `<sds-paginator>` |
 
 **Layout** (use the design tokens / layout vars from step 3b)