1.0.19
Patch Changes
- Updated dependencies [366ae17]
- @grundtone/design-system@2.15.0
- @grundtone/vue@2.15.0
1.0.18
Patch Changes
- Updated dependencies [7e77c0b]
- @grundtone/design-system@2.14.0
- @grundtone/vue@2.14.0
1.0.17
Patch Changes
- Updated dependencies [dbd9c2c]
- @grundtone/design-system@2.13.0
- @grundtone/vue@2.13.0
1.0.16
Patch Changes
- Updated dependencies [
fc456bf]:- @grundtone/design-system@2.12.0
- @grundtone/vue@2.12.0
- @grundtone/utils@2.12.0
- @grundtone/icons@2.2.0
1.0.15
Patch Changes
- Updated dependencies [
c37762e]:- @grundtone/design-system@2.11.0
- @grundtone/vue@2.11.0
1.0.14
Patch Changes
- Updated dependencies [
200846b]:- @grundtone/design-system@2.10.0
- @grundtone/vue@2.10.0
1.0.13
Patch Changes
- Updated dependencies [
009ab18]:- @grundtone/vue@2.9.1
- @grundtone/icons@2.1.2
1.0.12
Patch Changes
- Updated dependencies [
efee6cf]:- @grundtone/design-system@2.9.0
- @grundtone/vue@2.9.0
- @grundtone/icons@2.1.1
1.0.11
Patch Changes
- Updated dependencies [
ccb6a4e,8fc757a,9cf5217]:- @grundtone/design-system@2.8.0
- @grundtone/vue@2.8.0
- @grundtone/utils@2.8.0 outline: [2, 3]
1.0.10
Patch Changes
- Updated dependencies [
f41cfa6]:- @grundtone/design-system@2.7.1
1.0.9
Patch Changes
- Updated dependencies [
98a30f3]:- @grundtone/design-system@2.7.0
1.0.8
Patch Changes
- Updated dependencies [
fd7b9e7]:- @grundtone/design-system@2.6.1
Changelog
All notable changes to Grundtone are documented here. This page is generated automatically from changesets.
Released
2.15.0
#### @grundtone/design-system
#### @grundtone/nuxt
#### @grundtone/vue
Minor Changes
- 366ae17: Add Slider component
#### @grundtone/nuxt
Patch Changes
- Updated dependencies [366ae17]
#### @grundtone/vue
Minor Changes
- 366ae17: Add Slider component
Patch Changes
- Updated dependencies [366ae17]
2.14.0
#### @grundtone/design-system
Also adds vanilla JS behaviors for Tooltip, Toast, Stepper, and SearchField. Replaces manual ESLint globals with globals.browser package. Switches changeset changelog to @changesets/changelog-git.
#### @grundtone/nuxt
#### @grundtone/vue
Also adds vanilla JS behaviors for Tooltip, Toast, Stepper, and SearchField. Replaces manual ESLint globals with globals.browser package. Switches changeset changelog to @changesets/changelog-git.
Minor Changes
- 7e77c0b: Add Image utilities, Figure, Carousel, Chart, and Error Page components
Also adds vanilla JS behaviors for Tooltip, Toast, Stepper, and SearchField. Replaces manual ESLint globals with globals.browser package. Switches changeset changelog to @changesets/changelog-git.
#### @grundtone/nuxt
Patch Changes
- Updated dependencies [7e77c0b]
#### @grundtone/vue
Minor Changes
- 7e77c0b: Add Image utilities, Figure, Carousel, Chart, and Error Page components
Also adds vanilla JS behaviors for Tooltip, Toast, Stepper, and SearchField. Replaces manual ESLint globals with globals.browser package. Switches changeset changelog to @changesets/changelog-git.
Patch Changes
- Updated dependencies [7e77c0b]
2.13.0
#### @grundtone/design-system
Summary List (
#### @grundtone/nuxt
#### @grundtone/vue
Summary List (
Minor Changes
- dbd9c2c: Add Table and Summary List components
GTTable): Data table with sorting, selection, responsive stacking, and variants
(default, borderless, zebra, compact). Includes vanilla JS behavior for HTML-only usage.Summary List (
GTSummaryList + GTSummaryItem): Key-value pair display with
semantics, optional actions, and a card variant. Replaces the old .structured-list CSS.#### @grundtone/nuxt
Patch Changes
- Updated dependencies [dbd9c2c]
#### @grundtone/vue
Minor Changes
- dbd9c2c: Add Table and Summary List components
GTTable): Data table with sorting, selection, responsive stacking, and variants
(default, borderless, zebra, compact). Includes vanilla JS behavior for HTML-only usage.Summary List (
GTSummaryList + GTSummaryItem): Key-value pair display with
semantics, optional actions, and a card variant. Replaces the old .structured-list CSS.Patch Changes
- Updated dependencies [dbd9c2c]
2.12.02026-03-22
#### @grundtone/design-system
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
#### @grundtone/nuxt
#### @grundtone/react-native
#### @grundtone/utils
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
#### @grundtone/vue
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
Minor Changes
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
_file-upload.scss (modern drop zone), _password-input.scss (show/hide
toggle), _otp-input.scss (single-digit fields), _fieldset.scss (form grouping). Web docs for
all four with CodePreview.
- vue: Add GTFileUpload (drag-and-drop, file validation, 12 tests), GTPasswordInput
(eye/eye-off icon toggle, spellcheck=false, 12 tests), GTOtpInput (auto-advance, paste, filled
state, 12 tests)
- utils: Add isStrongPassword, getPasswordStrength, isValidOtp validation functions +
password(), passwordStrength(), otp() validator factories
- icons: Add eye, eye-off, upload, file SVG icons (17 total)#### @grundtone/nuxt
Patch Changes
- Updated dependencies
fc456bf]:
- @grundtone/design-system@2.12.0
- @grundtone/vue@2.12.0
- @grundtone/icons@2.2.0#### @grundtone/react-native
Patch Changes
- Updated dependencies
fc456bf]:
- @grundtone/utils@2.12.0
- @grundtone/icons@2.2.0#### @grundtone/utils
Minor Changes
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
_file-upload.scss (modern drop zone), _password-input.scss (show/hide
toggle), _otp-input.scss (single-digit fields), _fieldset.scss (form grouping). Web docs for
all four with CodePreview.
- vue: Add GTFileUpload (drag-and-drop, file validation, 12 tests), GTPasswordInput
(eye/eye-off icon toggle, spellcheck=false, 12 tests), GTOtpInput (auto-advance, paste, filled
state, 12 tests)
- utils: Add isStrongPassword, getPasswordStrength, isValidOtp validation functions +
password(), passwordStrength(), otp() validator factories
- icons: Add eye, eye-off, upload, file SVG icons (17 total)#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
_file-upload.scss (modern drop zone), _password-input.scss (show/hide
toggle), _otp-input.scss (single-digit fields), _fieldset.scss (form grouping). Web docs for
all four with CodePreview.
- vue: Add GTFileUpload (drag-and-drop, file validation, 12 tests), GTPasswordInput
(eye/eye-off icon toggle, spellcheck=false, 12 tests), GTOtpInput (auto-advance, paste, filled
state, 12 tests)
- utils: Add isStrongPassword, getPasswordStrength, isValidOtp validation functions +
password(), passwordStrength(), otp() validator factories
- icons: Add eye, eye-off, upload, file SVG icons (17 total)Patch Changes
- Updated dependencies
fc456bf]:
- @grundtone/design-system@2.12.0
- @grundtone/utils@2.12.0
- @grundtone/icons@2.2.02.11.02026-03-22
#### @grundtone/design-system
Thanks @allanasp! - Add Stepper component, checkout flow, and fixes
- design-system: Add
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add Stepper component, checkout flow, and fixes
- design-system: Add
#### @grundtone/vue
Thanks @allanasp! - Add Stepper component, checkout flow, and fixes
- design-system: Add
Minor Changes
Thanks @allanasp! - Add Stepper component, checkout flow, and fixes
- design-system: Add
_stepper.scss (horizontal dots, checkmarks, connecting lines,
error/simple variants)
- vue: Add GTStepper molecule (14 tests) with v-model:activeStep, allClickable, simple
variant. Fix Input charWidth with padding compensation. Fix Breadcrumb li margin override. Add
checkout flow to Vue playground (4-step: Cart → Delivery → Payment → Confirm using GTStepper,
GTAddressInput, GTCard, GTRadioGroup, GTCheckbox, useField, useToast).
- react-native: Add GTStepper with Pressable steps and dot/check/error indicators#### @grundtone/nuxt
Patch Changes
- Updated dependencies
c37762e]:
- @grundtone/design-system@2.11.0
- @grundtone/vue@2.11.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add Stepper component, checkout flow, and fixes
- design-system: Add
_stepper.scss (horizontal dots, checkmarks, connecting lines,
error/simple variants)
- vue: Add GTStepper molecule (14 tests) with v-model:activeStep, allClickable, simple
variant. Fix Input charWidth with padding compensation. Fix Breadcrumb li margin override. Add
checkout flow to Vue playground (4-step: Cart → Delivery → Payment → Confirm using GTStepper,
GTAddressInput, GTCard, GTRadioGroup, GTCheckbox, useField, useToast).
- react-native: Add GTStepper with Pressable steps and dot/check/error indicators#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add Stepper component, checkout flow, and fixes
- design-system: Add
_stepper.scss (horizontal dots, checkmarks, connecting lines,
error/simple variants)
- vue: Add GTStepper molecule (14 tests) with v-model:activeStep, allClickable, simple
variant. Fix Input charWidth with padding compensation. Fix Breadcrumb li margin override. Add
checkout flow to Vue playground (4-step: Cart → Delivery → Payment → Confirm using GTStepper,
GTAddressInput, GTCard, GTRadioGroup, GTCheckbox, useField, useToast).
- react-native: Add GTStepper with Pressable steps and dot/check/error indicatorsPatch Changes
- Updated dependencies
c37762e]:
- @grundtone/design-system@2.11.02.10.02026-03-22
#### @grundtone/design-system
Thanks @allanasp! - Add Tooltip component, Toast playground updates
- design-system: Add
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add Tooltip component, Toast playground updates
- design-system: Add
#### @grundtone/vue
Thanks @allanasp! - Add Tooltip component, Toast playground updates
- design-system: Add
Minor Changes
Thanks @allanasp! - Add Tooltip component, Toast playground updates
- design-system: Add
_tooltip.scss (dark minimal Sonner-style bubble with auto-positioning
and arrow)
- vue: Add GTTooltip atom (click with help icon, hover with 300ms delay, auto-flips
top↔bottom, 13 tests). Toast icons vertically centered. Toast added to all playgrounds with
variant icons.
- react-native: Add GTTooltip (long-press trigger with Modal overlay). Toast vertically
centered.#### @grundtone/nuxt
Patch Changes
- Updated dependencies
200846b]:
- @grundtone/design-system@2.10.0
- @grundtone/vue@2.10.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add Tooltip component, Toast playground updates
- design-system: Add
_tooltip.scss (dark minimal Sonner-style bubble with auto-positioning
and arrow)
- vue: Add GTTooltip atom (click with help icon, hover with 300ms delay, auto-flips
top↔bottom, 13 tests). Toast icons vertically centered. Toast added to all playgrounds with
variant icons.
- react-native: Add GTTooltip (long-press trigger with Modal overlay). Toast vertically
centered.#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add Tooltip component, Toast playground updates
- design-system: Add
_tooltip.scss (dark minimal Sonner-style bubble with auto-positioning
and arrow)
- vue: Add GTTooltip atom (click with help icon, hover with 300ms delay, auto-flips
top↔bottom, 13 tests). Toast icons vertically centered. Toast added to all playgrounds with
variant icons.
- react-native: Add GTTooltip (long-press trigger with Modal overlay). Toast vertically
centered.Patch Changes
- Updated dependencies
200846b]:
- @grundtone/design-system@2.10.02.9.12026-03-21
#### @grundtone/nuxt
#### @grundtone/react-native
#### @grundtone/vue
Thanks @allanasp! - Add Toast component, chevron-up icon, and prefix refactor for all new components
- vue: Add
Patch Changes
- Updated dependencies
009ab18]:
- @grundtone/vue@2.9.1
- @grundtone/icons@2.1.2#### @grundtone/react-native
Patch Changes
- Updated dependencies
009ab18]:
- @grundtone/icons@2.1.2#### @grundtone/vue
Patch Changes
Thanks @allanasp! - Add Toast component, chevron-up icon, and prefix refactor for all new components
- vue: Add
GTToast, GTToastContainer, and useToast composable (Sonner-style with
countdown bar, stacking, rich colors, 15 tests). Add chevron-up icon for BackToTop.
- vue: Prefix refactor — all new components (Tag, BackLink, BackToTop, Textarea, Checkbox,
RadioGroup, CheckboxGroup, SearchField, OverflowMenu, Toast, Modal) now use getClassPrefix()
in templates and blocks with $prefix and tokens.* namespace, matching
the existing Badge/Input/Button pattern.
- icons: Add chevron-up SVG icon to navigation category (13 icons total).- Updated dependencies
009ab18]:
- @grundtone/icons@2.1.22.9.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
#### @grundtone/vue
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
Minor Changes
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
_overflow-menu.scss (dropdown with keyboard nav, smart positioning),
_search-field.scss (input + submit with magnifying glass icon, suggestions dropdown),
_tag.scss (interactive metadata: display, dismissible, selectable), _textarea.scss
(multi-line input with character count), redesign _back-link.scss (baked-in styling with CSS
arrow), _back-to-top.scss (sticky scroll button, mobile icon-only). Add OverflowMenu and
BackToTop vanilla JS behaviors.
- vue: Add GTOverflowMenu (18 tests), GTSearchField (17 tests), GTTag (15 tests),
GTTextarea (20 tests), GTBackLink (5 tests), GTBackToTop (8 tests). Move SearchField from
atoms to molecules.
- react-native: Add GTOverflowMenu (Modal + FlatList), GTSearchField (TextInput + submit),
GTTag (Pressable with selected/dismissible), GTTextarea (multiline with count), GTBackLink
(chevron + optional label), GTBackToTop (ScrollView ref).
- icons: Add missing external-link SVG icon to navigation category (fixes Card component
warning).#### @grundtone/nuxt
Patch Changes
- Updated dependencies
efee6cf]:
- @grundtone/design-system@2.9.0
- @grundtone/vue@2.9.0
- @grundtone/icons@2.1.1#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
_overflow-menu.scss (dropdown with keyboard nav, smart positioning),
_search-field.scss (input + submit with magnifying glass icon, suggestions dropdown),
_tag.scss (interactive metadata: display, dismissible, selectable), _textarea.scss
(multi-line input with character count), redesign _back-link.scss (baked-in styling with CSS
arrow), _back-to-top.scss (sticky scroll button, mobile icon-only). Add OverflowMenu and
BackToTop vanilla JS behaviors.
- vue: Add GTOverflowMenu (18 tests), GTSearchField (17 tests), GTTag (15 tests),
GTTextarea (20 tests), GTBackLink (5 tests), GTBackToTop (8 tests). Move SearchField from
atoms to molecules.
- react-native: Add GTOverflowMenu (Modal + FlatList), GTSearchField (TextInput + submit),
GTTag (Pressable with selected/dismissible), GTTextarea (multiline with count), GTBackLink
(chevron + optional label), GTBackToTop (ScrollView ref).
- icons: Add missing external-link SVG icon to navigation category (fixes Card component
warning).Patch Changes
- Updated dependencies
efee6cf]:
- @grundtone/icons@2.1.1#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
_overflow-menu.scss (dropdown with keyboard nav, smart positioning),
_search-field.scss (input + submit with magnifying glass icon, suggestions dropdown),
_tag.scss (interactive metadata: display, dismissible, selectable), _textarea.scss
(multi-line input with character count), redesign _back-link.scss (baked-in styling with CSS
arrow), _back-to-top.scss (sticky scroll button, mobile icon-only). Add OverflowMenu and
BackToTop vanilla JS behaviors.
- vue: Add GTOverflowMenu (18 tests), GTSearchField (17 tests), GTTag (15 tests),
GTTextarea (20 tests), GTBackLink (5 tests), GTBackToTop (8 tests). Move SearchField from
atoms to molecules.
- react-native: Add GTOverflowMenu (Modal + FlatList), GTSearchField (TextInput + submit),
GTTag (Pressable with selected/dismissible), GTTextarea (multiline with count), GTBackLink
(chevron + optional label), GTBackToTop (ScrollView ref).
- icons: Add missing external-link SVG icon to navigation category (fixes Card component
warning).Patch Changes
- Updated dependencies
efee6cf]:
- @grundtone/design-system@2.9.0
- @grundtone/icons@2.1.12.8.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add DateInput component for day/month/year date entry
- design-system: Add
Thanks @allanasp! - Add Radio, Checkbox, and CheckboxGroup components
- design-system: Add
Thanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add Radio, Checkbox, and CheckboxGroup components
- design-system: Add
Thanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
#### @grundtone/utils
Thanks @allanasp! - Add DateInput component for day/month/year date entry
- design-system: Add
Thanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
#### @grundtone/vue
Thanks @allanasp! - Add DateInput component for day/month/year date entry
- design-system: Add
Thanks @allanasp! - Add Radio, Checkbox, and CheckboxGroup components
- design-system: Add
Thanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
Minor Changes
Thanks @allanasp! - Add DateInput component for day/month/year date entry
- design-system: Add
_date-input.scss with flex layout, field widths
(box-sizing: content-box for correct sizing across all input sizes), and sub-labels
- vue: Add GTDateInput component with auto-advance, numeric filtering, accessible markup
(role="group", aria-labelledby, per-field labels, inputmode="numeric")
- vue: Add useDateField composable — reactive date validation with
UseFieldReturn-compatible interface for useFormValidation integration
- utils: Add isValidDate, isDateInPast, isDateInFuture validation functions and
date(), datePast(), dateFuture() validatorsThanks @allanasp! - Add Radio, Checkbox, and CheckboxGroup components
- design-system: Add
_choice.scss with shared BEM for radio/checkbox (native hidden inputs +
custom indicators), CodePreview examples for Modal/Radio/Checkbox
- vue: Add GTCheckbox (standalone atom), GTRadioGroup and GTCheckboxGroup (molecules)
with option hints and collapse content slots
- react-native: Add GTRadioGroup and GTCheckboxGroup with Pressable + custom indicatorsThanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
_animations.scss (shared keyframes: fade, scale, slide-up/down/right,
spin), _modal.scss (BEM + 6 transition modes), _spinner.scss, Modal vanilla JS behavior
(focus trap, scroll lock, open/close events)
- vue: Add GTSkipLink (keyboard-only skip-to-content link), GTSpinner (sm/lg, light/dark,
text, backdrop), GTModal (Teleport, Vue Transition, persistent variant, 6 animation modes)
- react-native: Add GTSpinner (Animated.View rotation) and GTModal (RN Modal wrapper with
theme tokens)
- utils: Add createFocusTrap() and createScrollLock() (framework-agnostic DOM utilities)
- Fix Dart Sass deprecations (nth→list.nth, slash division→interpolated strings)
- Fix Accordion test, docs changelog frontmatter, docs missing dependencies
- Add CLAUDE.md files for AI-assisted development context
- Add blog, shop, login, signup pages to Vue playground#### @grundtone/nuxt
Patch Changes
- Updated dependencies
ccb6a4e,
8fc757a,
9cf5217]:
- @grundtone/design-system@2.8.0
- @grundtone/vue@2.8.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add Radio, Checkbox, and CheckboxGroup components
- design-system: Add
_choice.scss with shared BEM for radio/checkbox (native hidden inputs +
custom indicators), CodePreview examples for Modal/Radio/Checkbox
- vue: Add GTCheckbox (standalone atom), GTRadioGroup and GTCheckboxGroup (molecules)
with option hints and collapse content slots
- react-native: Add GTRadioGroup and GTCheckboxGroup with Pressable + custom indicatorsThanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
_animations.scss (shared keyframes: fade, scale, slide-up/down/right,
spin), _modal.scss (BEM + 6 transition modes), _spinner.scss, Modal vanilla JS behavior
(focus trap, scroll lock, open/close events)
- vue: Add GTSkipLink (keyboard-only skip-to-content link), GTSpinner (sm/lg, light/dark,
text, backdrop), GTModal (Teleport, Vue Transition, persistent variant, 6 animation modes)
- react-native: Add GTSpinner (Animated.View rotation) and GTModal (RN Modal wrapper with
theme tokens)
- utils: Add createFocusTrap() and createScrollLock() (framework-agnostic DOM utilities)
- Fix Dart Sass deprecations (nth→list.nth, slash division→interpolated strings)
- Fix Accordion test, docs changelog frontmatter, docs missing dependencies
- Add CLAUDE.md files for AI-assisted development context
- Add blog, shop, login, signup pages to Vue playgroundPatch Changes
- Updated dependencies
ccb6a4e,
9cf5217]:
- @grundtone/utils@2.8.0#### @grundtone/utils
Minor Changes
Thanks @allanasp! - Add DateInput component for day/month/year date entry
- design-system: Add
_date-input.scss with flex layout, field widths
(box-sizing: content-box for correct sizing across all input sizes), and sub-labels
- vue: Add GTDateInput component with auto-advance, numeric filtering, accessible markup
(role="group", aria-labelledby, per-field labels, inputmode="numeric")
- vue: Add useDateField composable — reactive date validation with
UseFieldReturn-compatible interface for useFormValidation integration
- utils: Add isValidDate, isDateInPast, isDateInFuture validation functions and
date(), datePast(), dateFuture() validatorsThanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
_animations.scss (shared keyframes: fade, scale, slide-up/down/right,
spin), _modal.scss (BEM + 6 transition modes), _spinner.scss, Modal vanilla JS behavior
(focus trap, scroll lock, open/close events)
- vue: Add GTSkipLink (keyboard-only skip-to-content link), GTSpinner (sm/lg, light/dark,
text, backdrop), GTModal (Teleport, Vue Transition, persistent variant, 6 animation modes)
- react-native: Add GTSpinner (Animated.View rotation) and GTModal (RN Modal wrapper with
theme tokens)
- utils: Add createFocusTrap() and createScrollLock() (framework-agnostic DOM utilities)
- Fix Dart Sass deprecations (nth→list.nth, slash division→interpolated strings)
- Fix Accordion test, docs changelog frontmatter, docs missing dependencies
- Add CLAUDE.md files for AI-assisted development context
- Add blog, shop, login, signup pages to Vue playground#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add DateInput component for day/month/year date entry
- design-system: Add
_date-input.scss with flex layout, field widths
(box-sizing: content-box for correct sizing across all input sizes), and sub-labels
- vue: Add GTDateInput component with auto-advance, numeric filtering, accessible markup
(role="group", aria-labelledby, per-field labels, inputmode="numeric")
- vue: Add useDateField composable — reactive date validation with
UseFieldReturn-compatible interface for useFormValidation integration
- utils: Add isValidDate, isDateInPast, isDateInFuture validation functions and
date(), datePast(), dateFuture() validatorsThanks @allanasp! - Add Radio, Checkbox, and CheckboxGroup components
- design-system: Add
_choice.scss with shared BEM for radio/checkbox (native hidden inputs +
custom indicators), CodePreview examples for Modal/Radio/Checkbox
- vue: Add GTCheckbox (standalone atom), GTRadioGroup and GTCheckboxGroup (molecules)
with option hints and collapse content slots
- react-native: Add GTRadioGroup and GTCheckboxGroup with Pressable + custom indicatorsThanks @allanasp! - Add SkipLink, Spinner, and Modal components with shared animations and utilities
- design-system: Add
_animations.scss (shared keyframes: fade, scale, slide-up/down/right,
spin), _modal.scss (BEM + 6 transition modes), _spinner.scss, Modal vanilla JS behavior
(focus trap, scroll lock, open/close events)
- vue: Add GTSkipLink (keyboard-only skip-to-content link), GTSpinner (sm/lg, light/dark,
text, backdrop), GTModal (Teleport, Vue Transition, persistent variant, 6 animation modes)
- react-native: Add GTSpinner (Animated.View rotation) and GTModal (RN Modal wrapper with
theme tokens)
- utils: Add createFocusTrap() and createScrollLock() (framework-agnostic DOM utilities)
- Fix Dart Sass deprecations (nth→list.nth, slash division→interpolated strings)
- Fix Accordion test, docs changelog frontmatter, docs missing dependencies
- Add CLAUDE.md files for AI-assisted development context
- Add blog, shop, login, signup pages to Vue playgroundPatch Changes
- Updated dependencies
ccb6a4e,
8fc757a,
9cf5217]:
- @grundtone/design-system@2.8.0
- @grundtone/utils@2.8.02.7.12026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Overhaul html-test playground: use proper .card markup, add behaviors to all pages, add signup page
#### @grundtone/nuxt
#### @grundtone/vue
Patch Changes
Thanks @allanasp! - Overhaul html-test playground: use proper .card markup, add behaviors to all pages, add signup page
#### @grundtone/nuxt
Patch Changes
- Updated dependencies
f41cfa6]:
- @grundtone/design-system@2.7.1
- @grundtone/vue@2.7.1#### @grundtone/vue
Patch Changes
- Updated dependencies
f41cfa6]:
- @grundtone/design-system@2.7.12.7.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add vanilla TypeScript behaviors for interactive components (accordion, tabs, toggle, alert, cookie-message, anchor-links). Ships as ESM, CJS, and UMD bundle for framework-agnostic usage.
#### @grundtone/nuxt
#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add vanilla TypeScript behaviors for interactive components (accordion, tabs, toggle, alert, cookie-message, anchor-links). Ships as ESM, CJS, and UMD bundle for framework-agnostic usage.
#### @grundtone/nuxt
Patch Changes
- Updated dependencies
98a30f3]:
- @grundtone/design-system@2.7.0
- @grundtone/vue@2.7.0#### @grundtone/vue
Patch Changes
- Updated dependencies
98a30f3]:
- @grundtone/design-system@2.7.02.6.12026-03-21
#### @grundtone/design-system
Thanks @allanasp! - fix(accordion): improve accessibility — English defaults, sr-only show/hide labels, prefers-reduced-motion
#### @grundtone/nuxt
#### @grundtone/vue
Thanks @allanasp! - fix(accordion): improve accessibility — English defaults, sr-only show/hide labels, prefers-reduced-motion
Patch Changes
Thanks @allanasp! - fix(accordion): improve accessibility — English defaults, sr-only show/hide labels, prefers-reduced-motion
#### @grundtone/nuxt
Patch Changes
- Updated dependencies
fd7b9e7]:
- @grundtone/design-system@2.6.1
- @grundtone/vue@2.6.1#### @grundtone/vue
Patch Changes
Thanks @allanasp! - fix(accordion): improve accessibility — English defaults, sr-only show/hide labels, prefers-reduced-motion
- Updated dependencies
fd7b9e7]:
- @grundtone/design-system@2.6.12.6.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add GTTabs with underline, segment, pill variants and slide transitions
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add GTTabs with underline, segment, pill variants and slide transitions
#### @grundtone/vue
Thanks @allanasp! - Add GTTabs with underline, segment, pill variants and slide transitions
Minor Changes
Thanks @allanasp! - Add GTTabs with underline, segment, pill variants and slide transitions
#### @grundtone/nuxt
Patch Changes
- Updated dependencies
a8f16af]:
- @grundtone/vue@2.6.0
- @grundtone/design-system@2.6.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add GTTabs with underline, segment, pill variants and slide transitions
#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add GTTabs with underline, segment, pill variants and slide transitions
Patch Changes
- Updated dependencies
a8f16af]:
- @grundtone/design-system@2.6.02.5.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add GTSelect, GTAutocomplete, GTAddressInput with DAWA integration
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add GTSelect, GTAutocomplete, GTAddressInput with DAWA integration
#### @grundtone/vue
Thanks @allanasp! - Add GTSelect, GTAutocomplete, GTAddressInput with DAWA integration
Minor Changes
Thanks @allanasp! - Add GTSelect, GTAutocomplete, GTAddressInput with DAWA integration
#### @grundtone/nuxt
Patch Changes
- Updated dependencies
47eec5f]:
- @grundtone/vue@2.5.0
- @grundtone/design-system@2.5.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add GTSelect, GTAutocomplete, GTAddressInput with DAWA integration
#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add GTSelect, GTAutocomplete, GTAddressInput with DAWA integration
Patch Changes
- Updated dependencies
47eec5f]:
- @grundtone/design-system@2.5.02.4.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add GTAccordion with 3 variants, 3 transitions, animated RN expand/collapse
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add GTAccordion with 3 variants, 3 transitions, animated RN expand/collapse
#### @grundtone/vue
Thanks @allanasp! - Add GTAccordion with 3 variants, 3 transitions, animated RN expand/collapse
Minor Changes
Thanks @allanasp! - Add GTAccordion with 3 variants, 3 transitions, animated RN expand/collapse
#### @grundtone/nuxt
Patch Changes
- Updated dependencies
b24dbd9]:
- @grundtone/vue@2.4.0
- @grundtone/design-system@2.4.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add GTAccordion with 3 variants, 3 transitions, animated RN expand/collapse
#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add GTAccordion with 3 variants, 3 transitions, animated RN expand/collapse
Patch Changes
- Updated dependencies
b24dbd9]:
- @grundtone/design-system@2.4.02.3.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add GTDetails disclosure component with default, subtle, and card variants
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add GTDetails disclosure component with default, subtle, and card variants
#### @grundtone/vue
Thanks @allanasp! - Add GTDetails disclosure component with default, subtle, and card variants
Minor Changes
Thanks @allanasp! - Add GTDetails disclosure component with default, subtle, and card variants
#### @grundtone/nuxt
Patch Changes
- Updated dependencies
f155ea5]:
- @grundtone/vue@2.3.0
- @grundtone/design-system@2.3.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add GTDetails disclosure component with default, subtle, and card variants
#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add GTDetails disclosure component with default, subtle, and card variants
Patch Changes
- Updated dependencies
f155ea5]:
- @grundtone/design-system@2.3.02.2.02026-03-21
#### @grundtone/design-system
Thanks @allanasp! - Add GTBadge component, replace legacy .tag, fix AnchorLinks click highlight
#### @grundtone/icons
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
#### @grundtone/nuxt
#### @grundtone/react-native
Thanks @allanasp! - Add GTBadge component, replace legacy .tag, fix AnchorLinks click highlight
#### @grundtone/vue
Thanks @allanasp! - Add GTBadge component, replace legacy .tag, fix AnchorLinks click highlight
Minor Changes
Thanks @allanasp! - Add GTBadge component, replace legacy .tag, fix AnchorLinks click highlight
#### @grundtone/icons
Minor Changes
Thanks @allanasp! - Add FileUpload, PasswordInput, OtpInput, Fieldset, and password/OTP validators
- design-system: Add
_file-upload.scss (modern drop zone), _password-input.scss (show/hide
toggle), _otp-input.scss (single-digit fields), _fieldset.scss (form grouping). Web docs for
all four with CodePreview.
- vue: Add GTFileUpload (drag-and-drop, file validation, 12 tests), GTPasswordInput
(eye/eye-off icon toggle, spellcheck=false, 12 tests), GTOtpInput (auto-advance, paste, filled
state, 12 tests)
- utils: Add isStrongPassword, getPasswordStrength, isValidOtp validation functions +
password(), passwordStrength(), otp() validator factories
- icons: Add eye, eye-off, upload, file SVG icons (17 total)#### @grundtone/nuxt
Patch Changes
- Updated dependencies
d087e51]:
- @grundtone/vue@2.2.0
- @grundtone/design-system@2.2.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add GTBadge component, replace legacy .tag, fix AnchorLinks click highlight
#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add GTBadge component, replace legacy .tag, fix AnchorLinks click highlight
Patch Changes
- Updated dependencies
d087e51]:
- @grundtone/design-system@2.2.02.1.22026-03-21
#### @grundtone/icons
Thanks @allanasp! - Add Toast component, chevron-up icon, and prefix refactor for all new components
- vue: Add
Patch Changes
Thanks @allanasp! - Add Toast component, chevron-up icon, and prefix refactor for all new components
- vue: Add
GTToast, GTToastContainer, and useToast composable (Sonner-style with
countdown bar, stacking, rich colors, 15 tests). Add chevron-up icon for BackToTop.
- vue: Prefix refactor — all new components (Tag, BackLink, BackToTop, Textarea, Checkbox,
RadioGroup, CheckboxGroup, SearchField, OverflowMenu, Toast, Modal) now use getClassPrefix()
in templates and blocks with $prefix and tokens.* namespace, matching
the existing Badge/Input/Button pattern.
- icons: Add chevron-up SVG icon to navigation category (13 icons total).2.1.12026-03-21
#### @grundtone/icons
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
Patch Changes
Thanks @allanasp! - Add OverflowMenu, SearchField, Tag, Textarea, BackLink, and BackToTop components
- design-system: Add
_overflow-menu.scss (dropdown with keyboard nav, smart positioning),
_search-field.scss (input + submit with magnifying glass icon, suggestions dropdown),
_tag.scss (interactive metadata: display, dismissible, selectable), _textarea.scss
(multi-line input with character count), redesign _back-link.scss (baked-in styling with CSS
arrow), _back-to-top.scss (sticky scroll button, mobile icon-only). Add OverflowMenu and
BackToTop vanilla JS behaviors.
- vue: Add GTOverflowMenu (18 tests), GTSearchField (17 tests), GTTag (15 tests),
GTTextarea (20 tests), GTBackLink (5 tests), GTBackToTop (8 tests). Move SearchField from
atoms to molecules.
- react-native: Add GTOverflowMenu (Modal + FlatList), GTSearchField (TextInput + submit),
GTTag (Pressable with selected/dismissible), GTTextarea (multiline with count), GTBackLink
(chevron + optional label), GTBackToTop (ScrollView ref).
- icons: Add missing external-link SVG icon to navigation category (fixes Card component
warning).2.1.02026-03-21
#### @grundtone/core
Thanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
#### @grundtone/design-system
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
Thanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
Thanks @allanasp! - Nuxt module now auto-injects design-system CSS. Add @grundtone/core and @grundtone/design-system as dependencies. Fix Sass if() deprecation warnings in accessibility module.
#### @grundtone/icons
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
#### @grundtone/nuxt
Thanks @allanasp! - Nuxt module now auto-injects design-system CSS. Add @grundtone/core and @grundtone/design-system as dependencies. Fix Sass if() deprecation warnings in accessibility module.
#### @grundtone/react-native
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
Thanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
#### @grundtone/utils
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
#### @grundtone/vue
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
Thanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
Minor Changes
Thanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
iconColor to defineGrundtoneConfig with three-layer resolution (prop →
config → currentColor)
- Design system: icon utility SCSS classes with prefix support ({prefix}-icon)
- Vue Icon: add color prop with config fallback
- React Native: GTIcon (react-native-svg) and GTButton (Pressable) components with full theme
support
- Expo playground: SDK 54, pnpm workspace, expo-router with Grundtone theme provider
- Docs: web icon classes, RN icons, icon gallery component, nav restructure (Design System,
Frameworks dropdown, Core Concepts dropdown)
- Third-party: credit react-native-svg#### @grundtone/design-system
Minor Changes
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
.alert CSS component with 4 semantic variants, transparent backgrounds
- Vue: GTAlert molecule with heading, icon, dismissible, footer slot
- React Native: GTAlert with theme-driven transparent backgrounds
- Re-export createTheme from @grundtone/react-native
- Replace callout with alert (breaking: .callout removed)
- Docs: Expo Snack embeds for interactive RN component previewsThanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
iconColor to defineGrundtoneConfig with three-layer resolution (prop →
config → currentColor)
- Design system: icon utility SCSS classes with prefix support ({prefix}-icon)
- Vue Icon: add color prop with config fallback
- React Native: GTIcon (react-native-svg) and GTButton (Pressable) components with full theme
support
- Expo playground: SDK 54, pnpm workspace, expo-router with Grundtone theme provider
- Docs: web icon classes, RN icons, icon gallery component, nav restructure (Design System,
Frameworks dropdown, Core Concepts dropdown)
- Third-party: credit react-native-svgPatch Changes
Thanks @allanasp! - Nuxt module now auto-injects design-system CSS. Add @grundtone/core and @grundtone/design-system as dependencies. Fix Sass if() deprecation warnings in accessibility module.
- Updated dependencies
fe730ff]:
- @grundtone/core@2.1.0#### @grundtone/icons
Minor Changes
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
.alert CSS component with 4 semantic variants, transparent backgrounds
- Vue: GTAlert molecule with heading, icon, dismissible, footer slot
- React Native: GTAlert with theme-driven transparent backgrounds
- Re-export createTheme from @grundtone/react-native
- Replace callout with alert (breaking: .callout removed)
- Docs: Expo Snack embeds for interactive RN component previews#### @grundtone/nuxt
Patch Changes
Thanks @allanasp! - Nuxt module now auto-injects design-system CSS. Add @grundtone/core and @grundtone/design-system as dependencies. Fix Sass if() deprecation warnings in accessibility module.
- Updated dependencies
36758db,
1e90785,
33219d3,
fe730ff,
c7e2fbe]:
- @grundtone/design-system@2.1.0
- @grundtone/vue@2.1.0
- @grundtone/icons@2.1.0
- @grundtone/core@2.1.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
.alert CSS component with 4 semantic variants, transparent backgrounds
- Vue: GTAlert molecule with heading, icon, dismissible, footer slot
- React Native: GTAlert with theme-driven transparent backgrounds
- Re-export createTheme from @grundtone/react-native
- Replace callout with alert (breaking: .callout removed)
- Docs: Expo Snack embeds for interactive RN component previewsThanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
iconColor to defineGrundtoneConfig with three-layer resolution (prop →
config → currentColor)
- Design system: icon utility SCSS classes with prefix support ({prefix}-icon)
- Vue Icon: add color prop with config fallback
- React Native: GTIcon (react-native-svg) and GTButton (Pressable) components with full theme
support
- Expo playground: SDK 54, pnpm workspace, expo-router with Grundtone theme provider
- Docs: web icon classes, RN icons, icon gallery component, nav restructure (Design System,
Frameworks dropdown, Core Concepts dropdown)
- Third-party: credit react-native-svgPatch Changes
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
- Updated dependencies
36758db,
1e90785,
33219d3,
fe730ff]:
- @grundtone/utils@2.1.0
- @grundtone/icons@2.1.0
- @grundtone/core@2.1.0#### @grundtone/utils
Minor Changes
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
Patch Changes
- Updated dependencies
fe730ff]:
- @grundtone/core@2.1.0#### @grundtone/vue
Minor Changes
Thanks @allanasp! - Add GTInput component with label, help text, error state, and accessibility support across all platforms. Includes generateId utility, SCSS element reset and component classes, Vue SFC with 27 tests, React Native component, docs for Vue/web/RN, demos, and playground examples.
Thanks @allanasp! - Add GTCookieMessage and GTAnchorLinks components, cookie icon, fix RN Card shadow types
Thanks @allanasp! - feat: add GTAlert component with Expo Snack embeds
- New status icons: info-circle, check-circle, alert-triangle, alert-circle (status category) - Design system:
.alert CSS component with 4 semantic variants, transparent backgrounds
- Vue: GTAlert molecule with heading, icon, dismissible, footer slot
- React Native: GTAlert with theme-driven transparent backgrounds
- Re-export createTheme from @grundtone/react-native
- Replace callout with alert (breaking: .callout removed)
- Docs: Expo Snack embeds for interactive RN component previewsThanks @allanasp! - feat: icon categories, configurable icon color, RN components (GTIcon, GTButton), Expo playground
- Icon system: subdirectory-based categories, auto-generated registry with category metadata - Core config: add
iconColor to defineGrundtoneConfig with three-layer resolution (prop →
config → currentColor)
- Design system: icon utility SCSS classes with prefix support ({prefix}-icon)
- Vue Icon: add color prop with config fallback
- React Native: GTIcon (react-native-svg) and GTButton (Pressable) components with full theme
support
- Expo playground: SDK 54, pnpm workspace, expo-router with Grundtone theme provider
- Docs: web icon classes, RN icons, icon gallery component, nav restructure (Design System,
Frameworks dropdown, Core Concepts dropdown)
- Third-party: credit react-native-svgPatch Changes
- Updated dependencies
36758db,
1e90785,
33219d3,
fe730ff,
c7e2fbe]:
- @grundtone/utils@2.1.0
- @grundtone/design-system@2.1.0
- @grundtone/icons@2.1.0
- @grundtone/core@2.1.02.0.02026-03-09
#### @grundtone/core
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Thanks @allanasp! - Add branding system with logo variants and platform helpers.
-
Thanks @allanasp! - Consolidate color system with core as single source of truth.
- Rename shade-based tokens:
Thanks @allanasp! - refactor: consolidate spacing system with single source of truth
Core:
- Spacing values in
Design tokens:
- Simplified
Thanks @allanasp! - Remove duplicated token values from design-system SCSS — single source of truth is now @grundtone/core theme-preset.ts.
- Export defaultSpacing, defaultRadius, defaultShadows, defaultTransitions, defaultTypography from core - Add defaultZIndex and ThemeZIndex interface to core - Unified codegen script (generate-token-defaults.ts) generates all \*-defaults.scss from core TS - Delete \_spacing.scss, \_z-index.scss, \_variables.scss (pure duplicates) - Refactor \_radius.scss, \_shadows.scss, \_typography.scss to import generated defaults - Remove 62.5% rem trick from typography, align all values with core TS - Replace hardcoded :root values in index.scss with loops over generated SCSS maps
Thanks @allanasp! - feat(theme): support separate light and dark theme config in ThemeProvider
- Add
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
#### @grundtone/design-system
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Thanks @allanasp! - Auto-generate
- Add
Thanks @allanasp! - Add branding system with logo variants and platform helpers.
-
Thanks @allanasp! - Add btn-secondary, btn-outlined, btn-negative, and btn-unstyled button variants to elements layer. Secondary uses --color-secondary, outlined is border-only with hover fill, negative uses --color-error for destructive actions, and unstyled fully resets button styling for custom wrappers.
Thanks @allanasp! - feat(design-system): alignment, display, order utilities and expanded responsive grid
New features:
-
Breaking changes:
-
Thanks @allanasp! - Consolidate color system with core as single source of truth.
- Rename shade-based tokens:
Thanks @allanasp! - refactor: consolidate spacing system with single source of truth
Core:
- Spacing values in
Design tokens:
- Simplified
Thanks @allanasp! - Remove duplicated token values from design-system SCSS — single source of truth is now @grundtone/core theme-preset.ts.
- Export defaultSpacing, defaultRadius, defaultShadows, defaultTransitions, defaultTypography from core - Add defaultZIndex and ThemeZIndex interface to core - Unified codegen script (generate-token-defaults.ts) generates all \*-defaults.scss from core TS - Delete \_spacing.scss, \_z-index.scss, \_variables.scss (pure duplicates) - Refactor \_radius.scss, \_shadows.scss, \_typography.scss to import generated defaults - Remove 62.5% rem trick from typography, align all values with core TS - Replace hardcoded :root values in index.scss with loops over generated SCSS maps
Thanks @allanasp! - Add elements and components layers to design-system. Elements style HTML tags directly (body, header, footer, blockquote, hr) — no class needed. Components provide class-based patterns (prose, callout, article-card, article-meta, breadcrumb, skip-link, author-card, back-link, blockquote variants). Cascade order: elements → components → utilities, so utilities always win. Inline body and .sr-only blocks removed from index.scss — body moved to elements, sr-only now uses the accessibility utility import.
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
Thanks @allanasp! - feat(design-system): modern container system replacing Bootstrap-style containers
New features:
- Fluid gutters via
Breaking changes:
- Container query type classes renamed:
Thanks @allanasp! - Initial release of @grundtone/design-system with comprehensive SCSS/CSS design system including colors, typography, spacing,
Thanks @allanasp! - Remove CSS @property registrations — hardcoded initial-values were out of sync with core TS, inherits: false broke dark mode, and none of the registered properties were used for animation. Delete registered-properties.ts, useRegisteredProperties composable, and all related exports.
Thanks @allanasp! - Add semantic HTML element styles: headings (h1–h6), address, hgroup. Refactor header/footer — bare elements reset to
Thanks @allanasp! - feat(design-system): spacing and visibility utilities
New features:
-
Breaking changes:
-
Thanks @allanasp! - Add transition utilities (transition-colors, -shadow, -transform, -opacity, -all, -none) with responsive variants and prefers-reduced-motion support. Clean up accessibility functions — remove broken code that called non-existent palette functions, keep working WCAG contrast calculations. Add docs for transitions and accessibility.
Thanks @allanasp! - Add width utilities (w-auto, w-full, w-25, w-50, etc. with responsive variants). Clean up SCSS mixins — remove 14 broken/obsolete mixins, consolidate h1–h6 into heading($level) using $responsive-typography map, switch to CSS custom properties. Fix SCSS functions — correct duration/ease defaults, remove dead code. Add docs for width, functions, and mixins.
Thanks @allanasp! - feat(design-system): z-index and position utilities
New features:
-
Breaking changes:
-
Thanks @allanasp! - Add text-align, border, rounded, and overflow utility classes. Refactor text-align to use responsive-variants mixin. Add text-align docs page with live examples.
#### @grundtone/nuxt
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
#### @grundtone/react-native
Thanks @allanasp! - Add branding system with logo variants and platform helpers.
-
#### @grundtone/utils
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
#### @grundtone/vue
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Thanks @allanasp! - Consolidate color system with core as single source of truth.
- Rename shade-based tokens:
Thanks @allanasp! - feat(theme): support separate light and dark theme config in ThemeProvider
- Add
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
Major Changes
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Minor Changes
Thanks @allanasp! - Add branding system with logo variants and platform helpers.
-
createBranding() factory for centralised brand name, tagline, and logo paths
- Six logo variants (primary 1080, pwa512, pwa192, appleTouchIcon 180, favicon32, favicon16)
- Web: brandingHeadTags() generates favicon/apple-touch-icon tags
- React Native: getLogoSource() returns ImageSourcePropType for
- Build script scripts/generate-logo-variants.ts to regenerate variants from sourceThanks @allanasp! - Consolidate color system with core as single source of truth.
- Rename shade-based tokens:
primaryHover → primaryLight, primaryActive → primaryDark,
etc.
- Expand from 26 to 37 semantic color tokens (add backgroundAlt, surfaceRaised,
surfaceOverlay, textInverse, textPlaceholder, textDisabled, borderMedium,
borderInverse, status *Dark variants)
- Fix value drift in design-system (success: #28a745 → #198754, info: #17a2b8 → #0dcaf0)
- Remove duplicate semantic maps from design-system _color-palette.scss (raw palette retained)
- Remove duplicate $color-primary-* variables from _variables.scss
- Add background utility classes: .bg-alt, .bg-surface, .bg-surface-alt,
.bg-surface-raised, .bg-overlay
- Delete obsolete theme.d.ts
- Add Colors documentation page with swatches and migration tableThanks @allanasp! - refactor: consolidate spacing system with single source of truth
Core:
- Spacing values in
theme-preset.ts are now the single source of truth for the 8px base unit
system
- Added documentation comments to defaultSpacing for cross-platform use (web rem / RN numbers)
- Changed 4xl spacing from 5rem (80px) to 6rem (96px) to follow 8px grid multiples
- Removed ThemeConfig type (replaced by the full Theme type from theme system)
- Removed DEFAULT_THEME constant (replaced by defaultTheme / createTheme)
- Removed style.css, breakpoints.ts, and .d.ts declaration files
- Removed constants barrel re-export from package entryDesign tokens:
- Simplified
_spacing.scss: removed granular $spacers numeric map and :root block
- Replaced with semantic $spacing-xs through $spacing-4xl variables aligned with core
- Removed duplicate $space-* variables from _variables.scss
- Added $spacing-4xl: 6rem (96px) to match coreThanks @allanasp! - Remove duplicated token values from design-system SCSS — single source of truth is now @grundtone/core theme-preset.ts.
- Export defaultSpacing, defaultRadius, defaultShadows, defaultTransitions, defaultTypography from core - Add defaultZIndex and ThemeZIndex interface to core - Unified codegen script (generate-token-defaults.ts) generates all \*-defaults.scss from core TS - Delete \_spacing.scss, \_z-index.scss, \_variables.scss (pure duplicates) - Refactor \_radius.scss, \_shadows.scss, \_typography.scss to import generated defaults - Remove 62.5% rem trick from typography, align all values with core TS - Replace hardcoded :root values in index.scss with loops over generated SCSS maps
Thanks @allanasp! - feat(theme): support separate light and dark theme config in ThemeProvider
- Add
ThemeConfig type: Partial or { light?: Partial; dark?: Partial }
- ThemeProvider now applies mode-specific overrides when theme has light/dark keys
- Backward compatible: single theme object still applies to both modes
- Update docs: theme-configuration, installation, ThemeProvider READMEPatch Changes
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
#### @grundtone/design-system
Major Changes
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Minor Changes
Thanks @allanasp! - Auto-generate
_color-defaults.scss from
@grundtone/core theme-preset.- Add
generate:colors script that converts core color presets to SCSS maps
- Prepend generation to build so values always stay in sync
- Replace hardcoded color tables in docs with Vue component
- Color tables now render from core at VitePress build time — no manual hex duplicationThanks @allanasp! - Add branding system with logo variants and platform helpers.
-
createBranding() factory for centralised brand name, tagline, and logo paths
- Six logo variants (primary 1080, pwa512, pwa192, appleTouchIcon 180, favicon32, favicon16)
- Web: brandingHeadTags() generates favicon/apple-touch-icon tags
- React Native: getLogoSource() returns ImageSourcePropType for
- Build script scripts/generate-logo-variants.ts to regenerate variants from sourceThanks @allanasp! - Add btn-secondary, btn-outlined, btn-negative, and btn-unstyled button variants to elements layer. Secondary uses --color-secondary, outlined is border-only with hover fill, negative uses --color-error for destructive actions, and unstyled fully resets button styling for custom wrappers.
Thanks @allanasp! - feat(design-system): alignment, display, order utilities and expanded responsive grid
New features:
-
_alignment.scss — 54 utility classes for justify-content, justify-items, justify-self,
align-items, align-content, align-self, place-content, place-items, place-self
- _display.scss — rewritten with modern naming (.flex, .grid, .hidden instead of
.d-flex, .d-none), flex-direction, flex-wrap, grow/shrink
- _order.scss — order-first, order-last, order-none, order-1 through order-12
- responsive-variants mixin — DRY generator for all breakpoints including 2xl
- Expanded responsive grid: col-start/end, row-span/start/end, gap, grid-flow all have responsive
variants
- All utilities work for both flex and grid layouts, no !important
- Short naming convention with {bp}: prefix (.md:justify-center instead of
.justify-content-md-center)Breaking changes:
-
_flexbox.scss deleted (was dead code, never imported in build)
- Display classes renamed: .d-flex → .flex, .d-none → .hidden, .d-block → .block
- .grid { display: grid } moved from _grid.scss to _display.scssThanks @allanasp! - Consolidate color system with core as single source of truth.
- Rename shade-based tokens:
primaryHover → primaryLight, primaryActive → primaryDark,
etc.
- Expand from 26 to 37 semantic color tokens (add backgroundAlt, surfaceRaised,
surfaceOverlay, textInverse, textPlaceholder, textDisabled, borderMedium,
borderInverse, status *Dark variants)
- Fix value drift in design-system (success: #28a745 → #198754, info: #17a2b8 → #0dcaf0)
- Remove duplicate semantic maps from design-system _color-palette.scss (raw palette retained)
- Remove duplicate $color-primary-* variables from _variables.scss
- Add background utility classes: .bg-alt, .bg-surface, .bg-surface-alt,
.bg-surface-raised, .bg-overlay
- Delete obsolete theme.d.ts
- Add Colors documentation page with swatches and migration tableThanks @allanasp! - refactor: consolidate spacing system with single source of truth
Core:
- Spacing values in
theme-preset.ts are now the single source of truth for the 8px base unit
system
- Added documentation comments to defaultSpacing for cross-platform use (web rem / RN numbers)
- Changed 4xl spacing from 5rem (80px) to 6rem (96px) to follow 8px grid multiples
- Removed ThemeConfig type (replaced by the full Theme type from theme system)
- Removed DEFAULT_THEME constant (replaced by defaultTheme / createTheme)
- Removed style.css, breakpoints.ts, and .d.ts declaration files
- Removed constants barrel re-export from package entryDesign tokens:
- Simplified
_spacing.scss: removed granular $spacers numeric map and :root block
- Replaced with semantic $spacing-xs through $spacing-4xl variables aligned with core
- Removed duplicate $space-* variables from _variables.scss
- Added $spacing-4xl: 6rem (96px) to match coreThanks @allanasp! - Remove duplicated token values from design-system SCSS — single source of truth is now @grundtone/core theme-preset.ts.
- Export defaultSpacing, defaultRadius, defaultShadows, defaultTransitions, defaultTypography from core - Add defaultZIndex and ThemeZIndex interface to core - Unified codegen script (generate-token-defaults.ts) generates all \*-defaults.scss from core TS - Delete \_spacing.scss, \_z-index.scss, \_variables.scss (pure duplicates) - Refactor \_radius.scss, \_shadows.scss, \_typography.scss to import generated defaults - Remove 62.5% rem trick from typography, align all values with core TS - Replace hardcoded :root values in index.scss with loops over generated SCSS maps
Thanks @allanasp! - Add elements and components layers to design-system. Elements style HTML tags directly (body, header, footer, blockquote, hr) — no class needed. Components provide class-based patterns (prose, callout, article-card, article-meta, breadcrumb, skip-link, author-card, back-link, blockquote variants). Cascade order: elements → components → utilities, so utilities always win. Inline body and .sr-only blocks removed from index.scss — body moved to elements, sr-only now uses the accessibility utility import.
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
Thanks @allanasp! - feat(design-system): modern container system replacing Bootstrap-style containers
New features:
- Fluid gutters via
clamp(1rem, 4vw, 2rem) — smooth scaling, no breakpoint jumps
- CSS custom properties --container-max and --container-gutter for runtime configuration
- Logical properties (padding-inline, margin-inline) for automatic RTL support
- All layout containers are container query contexts (container-type: inline-size)
- .container-prose — optimal reading width (65ch)
- .breakout — full-viewport-width children inside containers
- Computed max-widths from $grid-breakpoints — no separate $container-max-widths mapBreaking changes:
- Container query type classes renamed:
.container → .cq-contain, .container-normal →
.cq-normal, .container-size → .cq-size, .container-{name} → .cq-{name}
- Removed $container-max-widths SCSS variable (max-widths are now computed)Thanks @allanasp! - Initial release of @grundtone/design-system with comprehensive SCSS/CSS design system including colors, typography, spacing,
Thanks @allanasp! - Remove CSS @property registrations — hardcoded initial-values were out of sync with core TS, inherits: false broke dark mode, and none of the registered properties were used for animation. Delete registered-properties.ts, useRegisteredProperties composable, and all related exports.
Thanks @allanasp! - Add semantic HTML element styles: headings (h1–h6), address, hgroup. Refactor header/footer — bare elements reset to
display: block, layout
classes (.header, .footer) moved to components layer. Remove redundant display:block rules for
article, aside, main, nav, search, section. Add text-decoration, text-transform, and
letter-spacing utility classes. Add typography overview page. Remove price component (replaced by
.line-through utility). Add .lead component and .prose > p:first-child auto-lead styling.
Add .body-text, .body-text-sm, and .body-text-bold body text components. Add .help-text
component for form field hints. Add .error-text component for form validation errors. Add
.caption component for image captions. Add .display-text component for large highlighted
numbers. Add .facit component for calculation results with double underline. Add
.external-link and .function-link components.Thanks @allanasp! - feat(design-system): spacing and visibility utilities
New features:
-
_spacing.scss — modernized margin and padding utilities with 25-step scale matching gap
- Logical properties for RTL support: .mx-* uses margin-inline, .ms-*/.me-* use
margin-inline-start/margin-inline-end
- Auto margins: .mx-auto, .ms-auto, .mt-auto etc. for centering and flex push
- .visible / .invisible visibility utilities with responsive variants
- All utilities use {bp}: prefix convention and no !importantBreaking changes:
-
_spacing.scss rewritten: .mt-md-3 → .md:mt-3, .mr-3 → .me-3, .ml-3 → .ms-3Thanks @allanasp! - Add transition utilities (transition-colors, -shadow, -transform, -opacity, -all, -none) with responsive variants and prefers-reduced-motion support. Clean up accessibility functions — remove broken code that called non-existent palette functions, keep working WCAG contrast calculations. Add docs for transitions and accessibility.
Thanks @allanasp! - Add width utilities (w-auto, w-full, w-25, w-50, etc. with responsive variants). Clean up SCSS mixins — remove 14 broken/obsolete mixins, consolidate h1–h6 into heading($level) using $responsive-typography map, switch to CSS custom properties. Fix SCSS functions — correct duration/ease defaults, remove dead code. Add docs for width, functions, and mixins.
Thanks @allanasp! - feat(design-system): z-index and position utilities
New features:
-
_z-index.scss utility classes: .z-auto, .z-0–.z-50 scale + semantic .z-dropdown,
.z-modal, .z-tooltip, .z-toast etc. backed by CSS custom properties
- _position.scss rewritten: .relative, .absolute, .sticky etc. with inset utilities
(.inset-0, .inset-x-0, .start-0, .end-0) using logical properties for RTL
- All utilities responsive via {bp}: prefix, no !important
- Added --z-toast: 1080 token for toast notifications
- Position shortcuts (.fixed-top, .sticky-top) now use var(--z-*) instead of hardcoded
valuesBreaking changes:
-
_z-index.scss core: removed overlapping tokens (header, sidebar, overlay, above,
top: 9999), removed duplicate :root block
- _position.scss: .position-relative → .relative, !important removedPatch Changes
Thanks @allanasp! - Add text-align, border, rounded, and overflow utility classes. Refactor text-align to use responsive-variants mixin. Add text-align docs page with live examples.
- Updated dependencies
bb8563f,
bb8563f,
cd4c165,
6a885a9,
fda04b9,
fda04b9,
8e5f24b,
7ed86fa]:
- @grundtone/core@2.0.0#### @grundtone/nuxt
Major Changes
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Patch Changes
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
- Updated dependencies
bb8563f,
fda04b9,
fda04b9,
8e5f24b,
434dbb6,
995f630,
7ed86fa]:
- @grundtone/vue@2.0.0
- @grundtone/composables@2.0.0#### @grundtone/react-native
Minor Changes
Thanks @allanasp! - Add branding system with logo variants and platform helpers.
-
createBranding() factory for centralised brand name, tagline, and logo paths
- Six logo variants (primary 1080, pwa512, pwa192, appleTouchIcon 180, favicon32, favicon16)
- Web: brandingHeadTags() generates favicon/apple-touch-icon tags
- React Native: getLogoSource() returns ImageSourcePropType for
- Build script scripts/generate-logo-variants.ts to regenerate variants from sourcePatch Changes
- Updated dependencies
bb8563f,
bb8563f,
cd4c165,
6a885a9,
fda04b9,
fda04b9,
8e5f24b,
7ed86fa]:
- @grundtone/core@2.0.0#### @grundtone/utils
Major Changes
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Patch Changes
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
- Updated dependencies
bb8563f,
bb8563f,
cd4c165,
6a885a9,
fda04b9,
fda04b9,
8e5f24b,
7ed86fa]:
- @grundtone/core@2.0.0#### @grundtone/vue
Major Changes
Thanks @allanasp! - And it begins! The Ui library
- design token - components in vue - types - composables/hooks
Thanks @allanasp! - Complete v1.0.0 release of Grundtone - a Vue 3 design system with:
Minor Changes
Thanks @allanasp! - Consolidate color system with core as single source of truth.
- Rename shade-based tokens:
primaryHover → primaryLight, primaryActive → primaryDark,
etc.
- Expand from 26 to 37 semantic color tokens (add backgroundAlt, surfaceRaised,
surfaceOverlay, textInverse, textPlaceholder, textDisabled, borderMedium,
borderInverse, status *Dark variants)
- Fix value drift in design-system (success: #28a745 → #198754, info: #17a2b8 → #0dcaf0)
- Remove duplicate semantic maps from design-system _color-palette.scss (raw palette retained)
- Remove duplicate $color-primary-* variables from _variables.scss
- Add background utility classes: .bg-alt, .bg-surface, .bg-surface-alt,
.bg-surface-raised, .bg-overlay
- Delete obsolete theme.d.ts
- Add Colors documentation page with swatches and migration tableThanks @allanasp! - feat(theme): support separate light and dark theme config in ThemeProvider
- Add
ThemeConfig type: Partial or { light?: Partial; dark?: Partial }
- ThemeProvider now applies mode-specific overrides when theme has light/dark keys
- Backward compatible: single theme object still applies to both modes
- Update docs: theme-configuration, installation, ThemeProvider READMEPatch Changes
Thanks @allanasp! - Add comprehensive platform-specific documentation and 12-column grid system
Major updates:
- Added platform-specific usage examples (Web, iOS, Android, React Native) to all design token pages - Created new conceptual guide "Design Tokens vs Utilities" explaining cross-platform workflow - Added complete 12-column CSS Grid system with responsive utilities - Refactored spacing scale to industry-standard 0-6 system
New features:
- Grid utilities: .grid, .grid-cols-_, .col-span-_, .gap-\*, responsive variants - Standardized spacing utilities: .m-0 to .m-6, .p-0 to .p-6 with directional variants - Platform-specific code examples in Swift, Kotlin, and TypeScript
Breaking changes:
- Spacing scale simplified: removed non-standard sizes (305, 405, 505, etc.) - migrate to standard 0-6 scale
- Updated dependencies
4279eed,
bb8563f,
51ecd83,
43ad018,
bb8563f,
cd4c165,
6a885a9,
765408b,
fda04b9,
fda04b9,
8e5f24b,
434dbb6,
fda04b9,
995f630,
dc5c1df,
73b3572,
9df8418,
7ed86fa,
27c611f,
611ce6e,
b538711]:
- @grundtone/design-system@2.0.0
- @grundtone/core@2.0.0
- @grundtone/utils@2.0.01.0.02025-12-31
#### @grundtone/core
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
#### @grundtone/design-system
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
#### @grundtone/nuxt
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
#### @grundtone/utils
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
#### @grundtone/vue
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
Major Changes
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
#### @grundtone/design-system
Major Changes
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
#### @grundtone/nuxt
Major Changes
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
Patch Changes
- Updated dependencies
8174960]:
- @grundtone/composables@1.0.0
- @grundtone/vue@1.0.0#### @grundtone/utils
Major Changes
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
Patch Changes
- Updated dependencies
8174960]:
- @grundtone/core@1.0.0#### @grundtone/vue
Major Changes
Thanks @allanasp! - Initial release of Grundtone design system with grid system, design tokens, Vue 3 components, and Nuxt module
Patch Changes
- Updated dependencies
8174960]:
- @grundtone/core@1.0.0
- @grundtone/utils@1.0.0