chore: update @customable/ui-kit to v3.2.0 #375

New issue

Open

opened 2026-03-09 19:08:13 +00:00 by jack · 0 comments

jack commented

2026-03-09 19:08:13 +00:00

Owner

@customable monorepo v3.2.0 released

Packages:

@customable/css@3.2.0
@customable/ui-kit-vue@3.2.0
@customable/ui-kit-nuxt@3.2.0
@customable/ui-kit-astro@3.2.0

Added

New Components (ui-kit-vue)
CAppHeader (feat: add CAppHeader responsive navigation component #742)
CLiveEventCard and CLiveEventRail (feat: add CLiveEventCard and CLiveEventRail components #767)
PDP offer cluster (feat: add PDP offer cluster with countdown, price stack, and bundle cart actions #766)
Privacy consent modal (feat: add configurable privacy consent modal with tabbed policy layers #765)
In-page section navigator (feat: add in-page section navigator for long-form marketing pages #763)
Enterprise marketing footer (feat: add enterprise marketing footer information architecture component #762)
Scalable pricing comparison matrix (feat: add scalable pricing comparison matrix component #761)
Wizard step-content architecture (feat: add wizard step-content architecture for complex multi-step flows #760)
CDataWorkbenchBar (feat: add CDataWorkbenchBar component for query tokens, facet chips, and saved views #756)
Trust wall and testimonial modules (feat: add trust wall and testimonial modules with proof hierarchy #755)
Announcement ribbon and conversion band (feat: add announcement ribbon and conversion band components #754)
Bento section primitives (feat: add bento section primitives for high-density storytelling #753)
Composable marketing hero system (feat: add composable marketing hero system (split, stacked, immersive) #752)
Subtle CTA emphasis motion (feat: add subtle CTA emphasis motion patterns #751)
Motion-safe interaction presets (feat: add motion-safe interaction presets for premium marketing surfaces #750)
Section transition primitives (feat: add section transition primitives for cinematic page flow #749)
Page and section enter/exit motion (feat: add page and section enter/exit motion primitives #748)
Skeleton-to-content loading transition (feat: define skeleton-to-content loading transition choreography #747)
CProductCard (feat: add CProductCard component with equal-height layout contract #739)
CTimeSlotPicker (feat: enhance CTimeSlotPicker with list/grid layout, capacity badges, and conflict state #713)
CStepper (feat: enhance CStepper with vertical orientation, subtitles, keyboard nav, and CSS tokens #700)
CPolicyBanner (feat: add CPolicyBanner component for transactional policy notices #699)
CFieldsetSection (feat: add CFieldsetSection component for form groups and consent blocks #689)
CFormPage (feat: add CFormPage layout component #735)
CFilterBar (feat: add CFilterBar with search, facets, and active filter chips #734)
CTrustSignalBar (feat: add CTrustSignalBar component for cart/checkout reassurance #737)
CStepper checkout state (enhance: improve CStepper checkout state clarity and theming #738)
CDataTable density (enhance: introduce data-table density and row-action standards #733)
Page header action groups (enhance: standardize page header action groups and button hierarchy #731)
CTimeSlotPicker (feat: enhance CTimeSlotPicker with list/grid layout, capacity badges, and conflict state #713)
CStepper (feat: enhance CStepper with vertical orientation, subtitles, keyboard nav, and CSS tokens #700)

Changed

Enhancements (ui-kit-vue)
Replace hard-coded UI strings with t() for i18n coverage (enhance: replace hard-coded UI strings with t() for full i18n coverage #768)
Standardize hover and focus micro-interactions (enhance: standardize hover and focus micro-interaction patterns #745)
Accessible motion contracts for UI elements (enhance: add accessible motion contracts for accordion, tabs, and drawer #746)
Form field theming tokens and checkout recipe (enhance: add form field theming tokens, optional indicator, and checkout recipe #741)
Responsive hero section tokens and eyebrow slot (enhance: add responsive hero section tokens and eyebrow slot #740)
Data-table density and row-action standards (enhance: introduce data-table density and row-action standards #733)
Page header action groups and button hierarchy (enhance: standardize page header action groups and button hierarchy #731)
CStepper checkout state clarity (enhance: improve CStepper checkout state clarity and theming #738)
Sidebar navigation hierarchy and theming (enhance: improve sidebar navigation hierarchy and theming #736)
Form field theming tokens (enhance: add form field theming tokens, optional indicator, and checkout recipe #741)
Responsive hero section tokens (enhance: add responsive hero section tokens and eyebrow slot #740)
Data-table density standards (enhance: introduce data-table density and row-action standards #733)
Page header action groups (enhance: standardize page header action groups and button hierarchy #731)
CTimeSlotPicker list/grid layout (feat: enhance CTimeSlotPicker with list/grid layout, capacity badges, and conflict state #713)
CStepper vertical orientation (feat: enhance CStepper with vertical orientation, subtitles, keyboard nav, and CSS tokens #700)

Fixed

Bug Fixes (ui-kit-vue)
Resolve TypeScript errors (fix: resolve TypeScript errors — missing types imports, ButtonVariant mismatch, strict null checks #771)
Add explicit imports for auto-imported composables (fix: add explicit imports for all remaining auto-imported composables #675)
Add explicit imports for useFormatters and useCookieConsent (fix: add explicit imports for useFormatters and useCookieConsent #671)
Add explicit useToast import to CToastContainer (fix: add explicit useToast import to CToastContainer #668)
Add explicit #imports for useI18n, useIconResolver, useColorMode (fix: add explicit #imports for useI18n, useIconResolver, useColorMode in 80 components #665)
Add explicit useAppConfig import to brand components (fix: add explicit useAppConfig import to brand components #662)
Add explicit Vue and Nuxt imports to all components (fix: add explicit Vue and Nuxt imports to all components and composables #659)
Remove duplicate nuxt/schema module augmentation (fix: remove duplicate nuxt/schema module augmentation causing TS2687 #651)

Removed

Dependency Updates (chore)
Update @tiptap/starter-kit to v3.20.1 (chore(deps): update dependency @tiptap/starter-kit to v3.20.1 #653)
Update @tiptap/vue-3 to v3.20.1 (chore(deps): update dependency @tiptap/vue-3 to v3.20.1)

Refactored

Refactoring (ui-kit-vue)
Migrate Vue components from Tailwind to scoped CSS (refactor: migrate all Vue components from Tailwind to scoped CSS #790, #791)

TODO

Update @customable/ui-kit-vue to ^3.2.0 in package.json
Update @customable/css to ^3.2.0 in package.json
Run pnpm install / npm install
Test affected components
Verify no breaking changes

## @customable monorepo v3.2.0 released **Packages:** - `@customable/css@3.2.0` - `@customable/ui-kit-vue@3.2.0` - `@customable/ui-kit-nuxt@3.2.0` - `@customable/ui-kit-astro@3.2.0` ### Added - ## New Components (ui-kit-vue) - **CAppHeader** (feat: add CAppHeader responsive navigation component #742) - **CLiveEventCard** and **CLiveEventRail** (feat: add CLiveEventCard and CLiveEventRail components #767) - **PDP offer cluster** (feat: add PDP offer cluster with countdown, price stack, and bundle cart actions #766) - **Privacy consent modal** (feat: add configurable privacy consent modal with tabbed policy layers #765) - **In-page section navigator** (feat: add in-page section navigator for long-form marketing pages #763) - **Enterprise marketing footer** (feat: add enterprise marketing footer information architecture component #762) - **Scalable pricing comparison matrix** (feat: add scalable pricing comparison matrix component #761) - **Wizard step-content architecture** (feat: add wizard step-content architecture for complex multi-step flows #760) - **CDataWorkbenchBar** (feat: add CDataWorkbenchBar component for query tokens, facet chips, and saved views #756) - **Trust wall and testimonial modules** (feat: add trust wall and testimonial modules with proof hierarchy #755) - **Announcement ribbon and conversion band** (feat: add announcement ribbon and conversion band components #754) - **Bento section primitives** (feat: add bento section primitives for high-density storytelling #753) - **Composable marketing hero system** (feat: add composable marketing hero system (split, stacked, immersive) #752) - **Subtle CTA emphasis motion** (feat: add subtle CTA emphasis motion patterns #751) - **Motion-safe interaction presets** (feat: add motion-safe interaction presets for premium marketing surfaces #750) - **Section transition primitives** (feat: add section transition primitives for cinematic page flow #749) - **Page and section enter/exit motion** (feat: add page and section enter/exit motion primitives #748) - **Skeleton-to-content loading transition** (feat: define skeleton-to-content loading transition choreography #747) - **CProductCard** (feat: add CProductCard component with equal-height layout contract #739) - **CTimeSlotPicker** (feat: enhance CTimeSlotPicker with list/grid layout, capacity badges, and conflict state #713) - **CStepper** (feat: enhance CStepper with vertical orientation, subtitles, keyboard nav, and CSS tokens #700) - **CPolicyBanner** (feat: add CPolicyBanner component for transactional policy notices #699) - **CFieldsetSection** (feat: add CFieldsetSection component for form groups and consent blocks #689) - **CFormPage** (feat: add CFormPage layout component #735) - **CFilterBar** (feat: add CFilterBar with search, facets, and active filter chips #734) - **CTrustSignalBar** (feat: add CTrustSignalBar component for cart/checkout reassurance #737) - **CStepper checkout state** (enhance: improve CStepper checkout state clarity and theming #738) - **CDataTable density** (enhance: introduce data-table density and row-action standards #733) - **Page header action groups** (enhance: standardize page header action groups and button hierarchy #731) - **CTimeSlotPicker** (feat: enhance CTimeSlotPicker with list/grid layout, capacity badges, and conflict state #713) - **CStepper** (feat: enhance CStepper with vertical orientation, subtitles, keyboard nav, and CSS tokens #700) ### Changed - ## Enhancements (ui-kit-vue) - Replace hard-coded UI strings with `t()` for i18n coverage (enhance: replace hard-coded UI strings with t() for full i18n coverage #768) - Standardize hover and focus micro-interactions (enhance: standardize hover and focus micro-interaction patterns #745) - Accessible motion contracts for UI elements (enhance: add accessible motion contracts for accordion, tabs, and drawer #746) - Form field theming tokens and checkout recipe (enhance: add form field theming tokens, optional indicator, and checkout recipe #741) - Responsive hero section tokens and eyebrow slot (enhance: add responsive hero section tokens and eyebrow slot #740) - Data-table density and row-action standards (enhance: introduce data-table density and row-action standards #733) - Page header action groups and button hierarchy (enhance: standardize page header action groups and button hierarchy #731) - CStepper checkout state clarity (enhance: improve CStepper checkout state clarity and theming #738) - Sidebar navigation hierarchy and theming (enhance: improve sidebar navigation hierarchy and theming #736) - Form field theming tokens (enhance: add form field theming tokens, optional indicator, and checkout recipe #741) - Responsive hero section tokens (enhance: add responsive hero section tokens and eyebrow slot #740) - Data-table density standards (enhance: introduce data-table density and row-action standards #733) - Page header action groups (enhance: standardize page header action groups and button hierarchy #731) - CTimeSlotPicker list/grid layout (feat: enhance CTimeSlotPicker with list/grid layout, capacity badges, and conflict state #713) - CStepper vertical orientation (feat: enhance CStepper with vertical orientation, subtitles, keyboard nav, and CSS tokens #700) ### Fixed - ## Bug Fixes (ui-kit-vue) - Resolve TypeScript errors (fix: resolve TypeScript errors — missing types imports, ButtonVariant mismatch, strict null checks #771) - Add explicit imports for auto-imported composables (fix: add explicit imports for all remaining auto-imported composables #675) - Add explicit imports for useFormatters and useCookieConsent (fix: add explicit imports for useFormatters and useCookieConsent #671) - Add explicit useToast import to CToastContainer (fix: add explicit useToast import to CToastContainer #668) - Add explicit #imports for useI18n, useIconResolver, useColorMode (fix: add explicit #imports for useI18n, useIconResolver, useColorMode in 80 components #665) - Add explicit useAppConfig import to brand components (fix: add explicit useAppConfig import to brand components #662) - Add explicit Vue and Nuxt imports to all components (fix: add explicit Vue and Nuxt imports to all components and composables #659) - Remove duplicate nuxt/schema module augmentation (fix: remove duplicate nuxt/schema module augmentation causing TS2687 #651) ### Removed - ## Dependency Updates (chore) - Update @tiptap/starter-kit to v3.20.1 (chore(deps): update dependency @tiptap/starter-kit to v3.20.1 #653) - Update @tiptap/vue-3 to v3.20.1 (chore(deps): update dependency @tiptap/vue-3 to v3.20.1) ### Refactored - ## Refactoring (ui-kit-vue) - Migrate Vue components from Tailwind to scoped CSS (refactor: migrate all Vue components from Tailwind to scoped CSS #790, #791) ### TODO - [ ] Update `@customable/ui-kit-vue` to `^3.2.0` in `package.json` - [ ] Update `@customable/css` to `^3.2.0` in `package.json` - [ ] Run `pnpm install` / `npm install` - [ ] Test affected components - [ ] Verify no breaking changes