mirror of
https://github.com/tabler/tabler.git
synced 2026-08-29 21:31:28 +04:00
Make changeset descriptions short and consistent (#2854)
This commit is contained in:
@@ -84,8 +84,9 @@ Shared instructions for all AI agents (Claude Code, Cursor, etc.). Canonical age
|
|||||||
|
|
||||||
### Changesets
|
### Changesets
|
||||||
|
|
||||||
|
- **Always use the `generate-changeset` skill** (`.agents/skills/generate-changeset/SKILL.md`) to write a changeset — both when asked for one and on your own before committing or opening a PR that touches `core/`, `preview/`, or `docs/`. Do not hand-write the file.
|
||||||
- Each change gets a separate file in `.changeset/` with a descriptive kebab-case filename (e.g. `progress-sizes.md`).
|
- Each change gets a separate file in `.changeset/` with a descriptive kebab-case filename (e.g. `progress-sizes.md`).
|
||||||
- One sentence per changeset, starting with an action verb (`Added`, `Updated`, `Fixed`, `Removed`), with backticks for code elements (`.btn-ghost`, `stroke-width`, `1.5`, `arrow-up`).
|
- One sentence per changeset, **130 characters or fewer** (hard ceiling 160, only when a longer list is the actual content), starting with an action verb (`Added`, `Updated`, `Fixed`, `Removed`), with backticks for code elements (`.btn-ghost`, `stroke-width`, `1.5`, `arrow-up`). A changeset is one changelog line — keep the reasons, implementation notes, and affected-file lists in the PR description. Always name a concrete component, class, variable, page, or dependency; "Fixed mixed declarations in SCSS" tells a reader nothing.
|
||||||
- Version bumps: **major** = breaking changes; **minor** = new features, components, or pages; **patch** = bug fixes, small improvements, style/accessibility tweaks.
|
- Version bumps: **major** = breaking changes; **minor** = new features, components, or pages; **patch** = bug fixes, small improvements, style/accessibility tweaks.
|
||||||
- Packages: `"@tabler/core"` for SCSS/JS/classes, `"@tabler/preview"` for demo pages, `"@tabler/docs"` for documentation; list multiple packages when the change spans areas.
|
- Packages: `"@tabler/core"` for SCSS/JS/classes, `"@tabler/preview"` for demo pages, `"@tabler/docs"` for documentation; list multiple packages when the change spans areas.
|
||||||
- Example:
|
- Example:
|
||||||
|
|||||||
@@ -2,8 +2,10 @@
|
|||||||
name: generate-changeset
|
name: generate-changeset
|
||||||
description: >-
|
description: >-
|
||||||
Creates a Tabler changeset file in `.changeset/` from the current code
|
Creates a Tabler changeset file in `.changeset/` from the current code
|
||||||
changes. Use when the user asks for a changeset, version bump, release note
|
changes. Use this skill for every changeset in this repo — when the user asks
|
||||||
entry, or changelog entry for @tabler/core, @tabler/preview, or @tabler/docs.
|
for a changeset, version bump, release note, or changelog entry, and also on
|
||||||
|
your own whenever a change under `core/`, `preview/`, or `docs/` is about to
|
||||||
|
be committed or opened as a PR. Never hand-write the file instead.
|
||||||
---
|
---
|
||||||
|
|
||||||
# Generate changeset
|
# Generate changeset
|
||||||
@@ -45,8 +47,13 @@ When unsure between patch and minor: prefer **patch** for fixes and visual tweak
|
|||||||
|
|
||||||
## 4. Write the description
|
## 4. Write the description
|
||||||
|
|
||||||
- **Exactly one sentence**
|
A changeset is one line in a changelog. It is not a summary of the work.
|
||||||
|
|
||||||
|
- **One sentence, 130 characters or fewer**, including backticks. This is the limit to write to.
|
||||||
|
- **160 characters is a hard ceiling.** Go over 130 only when a shorter version would drop a fact the reader needs — a long list of affected components, for example. Never go over 160.
|
||||||
- Start with: `Added`, `Updated`, `Fixed`, or `Removed`
|
- Start with: `Added`, `Updated`, `Fixed`, or `Removed`
|
||||||
|
- Say **what** changed and **where** (component, page, utility). Then stop.
|
||||||
|
- **Name at least one concrete thing**: a component, class, CSS variable, Sass variable, page, data file, or dependency. "Fixed mixed declarations in SCSS" and "Updated flags and avatars styling" name nothing — a reader cannot tell whether the change affects them. There is no minimum length, but an entry under ~40 characters that names nothing is almost always too vague; a dependency bump like `Updated Bootstrap to v5.3.8.` is fine at 28, because the dependency and version are the content.
|
||||||
- Use **backticks** for code tokens:
|
- Use **backticks** for code tokens:
|
||||||
- Classes: `.btn-ghost`, `.progress-lg`
|
- Classes: `.btn-ghost`, `.progress-lg`
|
||||||
- Properties: `stroke-width`, `border-radius`
|
- Properties: `stroke-width`, `border-radius`
|
||||||
@@ -54,15 +61,64 @@ When unsure between patch and minor: prefer **patch** for fixes and visual tweak
|
|||||||
- Icons: `arrow-up`
|
- Icons: `arrow-up`
|
||||||
- Attributes: `aria-label`, `data-*`
|
- Attributes: `aria-label`, `data-*`
|
||||||
- Functions: `addEventListener()`
|
- Functions: `addEventListener()`
|
||||||
- Be specific about **what** changed and **where** (component, page, mixin)
|
|
||||||
|
|
||||||
**Patterns from this repo:**
|
**Count the characters before writing the file:**
|
||||||
|
|
||||||
- Component: `Added Progress Steps component for step-by-step navigation indicators.`
|
```shell
|
||||||
- Size variant: `Added \`.progress-lg\` and \`.progress-xl\` size variants for the progress component.`
|
printf '%s' 'Added Progress Steps component for step-by-step navigation indicators.' | wc -c
|
||||||
- Bug fix: `Fixed dark mode text selection contrast by adding \`--tblr-selection-bg\` CSS variable with \`0.4\` opacity override in dark mode.`
|
```
|
||||||
- New page: `Added new onboarding page with progress indicator and navigation layout.`
|
|
||||||
- Cross-package: `Added background pattern utilities and documentation, including updated preview demos.`
|
If it is over the limit, **cut words**. Never split it into two sentences, a second paragraph, or a bullet list.
|
||||||
|
|
||||||
|
### Leave this out
|
||||||
|
|
||||||
|
These belong in the PR description or the commit body, not in the changeset:
|
||||||
|
|
||||||
|
- Why the change was made, or what was broken before
|
||||||
|
- How it was built: file paths, mixin internals, refactor steps
|
||||||
|
- A list of every affected component, page, or variable
|
||||||
|
- Migration and rollout notes, unless the change is breaking
|
||||||
|
|
||||||
|
**Cut the tail first.** An over-long entry in this repo is almost always a good sentence with a trailing justification clause glued on. Delete that clause and the length problem is usually solved:
|
||||||
|
|
||||||
|
```text
|
||||||
|
… and removed duplicate exports from `tabler.js` for better maintainability.
|
||||||
|
… with `var(--tblr-bg-surface-secondary)` so it adapts to dark mode.
|
||||||
|
… live in one `:root` declaration instead of separate dark-mode overrides.
|
||||||
|
```
|
||||||
|
|
||||||
|
### Examples
|
||||||
|
|
||||||
|
Good — short and specific:
|
||||||
|
|
||||||
|
```text
|
||||||
|
(70) Added Progress Steps component for step-by-step navigation indicators.
|
||||||
|
(81) Added `.progress-lg` and `.progress-xl` size variants for the progress component.
|
||||||
|
(78) Fixed dark mode text selection contrast with a `--tblr-selection-bg` variable.
|
||||||
|
(58) Removed `license_key` option from the HugeRTE init object.
|
||||||
|
```
|
||||||
|
|
||||||
|
Too vague — name the thing that changed:
|
||||||
|
|
||||||
|
```text
|
||||||
|
(33) ❌ Fixed mixed declarations in SCSS.
|
||||||
|
(79) ✅ Fixed Sass mixed-declaration warnings in the navbar, card, nav and table styles.
|
||||||
|
(26) ❌ Updated activity messages.
|
||||||
|
(82) ✅ Updated the activity feed messages in `activity.json` and the activity preview page.
|
||||||
|
```
|
||||||
|
|
||||||
|
Too long — trim it:
|
||||||
|
|
||||||
|
```text
|
||||||
|
(175) ❌ Fixed accessibility issues for skip links, keyboard focus, `prefers-reduced-motion`, form labels, and action controls that incorrectly used links instead of `button` elements.
|
||||||
|
(117) ✅ Fixed accessibility issues in skip links, keyboard focus, `prefers-reduced-motion`, form labels, and action controls.
|
||||||
|
```
|
||||||
|
|
||||||
|
Over 130 but justified — the list of components is the content, and cutting it would say nothing:
|
||||||
|
|
||||||
|
```text
|
||||||
|
(137) Added missing ARIA roles and states to `Pagination`, `NavSegmented`, `Accordion`, `Steps`, tabs, `Modal`, `Offcanvas` and `CarouselCard`.
|
||||||
|
```
|
||||||
|
|
||||||
Write in **simple English**, even if the user asked in another language.
|
Write in **simple English**, even if the user asked in another language.
|
||||||
|
|
||||||
@@ -96,12 +152,15 @@ Rules:
|
|||||||
- Frontmatter uses quoted package names: `"@tabler/core": patch`
|
- Frontmatter uses quoted package names: `"@tabler/core": patch`
|
||||||
- Blank line after closing `---`
|
- Blank line after closing `---`
|
||||||
- No title heading, no bullet list in the body
|
- No title heading, no bullet list in the body
|
||||||
|
- Body is a single line — no second paragraph
|
||||||
- Bump values: `patch`, `minor`, or `major` only
|
- Bump values: `patch`, `minor`, or `major` only
|
||||||
|
|
||||||
## 7. Validate before writing
|
## 7. Validate before writing
|
||||||
|
|
||||||
- [ ] Every listed package has touched paths in the diff
|
- [ ] Every listed package has touched paths in the diff
|
||||||
- [ ] Description is one sentence with action verb, in simple English
|
- [ ] Description is one sentence with action verb, in simple English
|
||||||
|
- [ ] Description is **130 characters or fewer** — counted, not estimated; over 130 only with a reason, never over 160
|
||||||
|
- [ ] Description names a concrete component, class, variable, page, file, or dependency
|
||||||
- [ ] Code tokens use backticks
|
- [ ] Code tokens use backticks
|
||||||
- [ ] Filename is kebab-case and not already used for a different change
|
- [ ] Filename is kebab-case and not already used for a different change
|
||||||
- [ ] SCSS/CSS/JS behavior changes include `@tabler/core` when under `core/`
|
- [ ] SCSS/CSS/JS behavior changes include `@tabler/core` when under `core/`
|
||||||
@@ -111,7 +170,8 @@ Rules:
|
|||||||
After creating the file:
|
After creating the file:
|
||||||
|
|
||||||
1. Show the full changeset content in a fenced `markdown` block (for easy copy/review)
|
1. Show the full changeset content in a fenced `markdown` block (for easy copy/review)
|
||||||
2. Briefly explain **why** each package and bump level was chosen
|
2. Give the description length, e.g. `112 / 130 characters`; if it is over 130, say why the extra words earn their place
|
||||||
3. If no changeset is needed (docs-only CI, lockfile-only, etc.), say so and why
|
3. Briefly explain **why** each package and bump level was chosen
|
||||||
|
4. If no changeset is needed (docs-only CI, lockfile-only, etc.), say so and why
|
||||||
|
|
||||||
Do **not** run `changeset version` or `changeset publish` unless the user explicitly asks.
|
Do **not** run `changeset version` or `changeset publish` unless the user explicitly asks.
|
||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Converted `<a href="#">` controls that only trigger JavaScript (dropdown toggles, toast dismiss, modal and carousel controls) into real `<button>` elements so they work with the keyboard, and removed `tabindex="-1"` from navbar toggles and links that were wrongly skipped when tabbing.
|
Fixed keyboard access by turning JavaScript-only `<a href="#">` controls into real `<button>` elements.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added missing ARIA roles and states to `Pagination`, `NavSegmented`, `Accordion`, `Steps`, tab components, `Modal`, `Offcanvas` and `CarouselCard`, including `aria-current`, `aria-controls`, `aria-labelledby`, `aria-modal` and `role="tabpanel"`, and fixed a bug where the active `Steps` index was never highlighted because it compared a string prop to a number.
|
Added missing ARIA roles and states to `Pagination`, `NavSegmented`, `Accordion`, `Steps`, tabs, `Modal`, `Offcanvas` and `CarouselCard`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed keyboard focus indicators that were invisible or removed on `.btn-action`, `.switch-icon`, calendar dates and the toast close button, added `prefers-reduced-motion` and `forced-colors` support, stopped overriding the browser's default root font size, and enlarged the `.btn-close` touch target to `24px`.
|
Fixed invisible keyboard focus indicators and added `prefers-reduced-motion` and `forced-colors` support.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added `aria-label` to the `Datepicker` month-navigation buttons and made the `Dropzone` upload area keyboard-operable with `role="button"`, `tabindex="0"` and an `Enter`/`Space` handler.
|
Added `aria-label` to the `Datepicker` navigation buttons and made the `Dropzone` upload area keyboard-operable.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Wrapped radio and checkbox groups in form demos, `ThemeSettings`, `onboarding` and modal content with `<fieldset>` and `<legend>` so screen readers announce the group's purpose before each option.
|
Added `<fieldset>` and `<legend>` around radio and checkbox groups so screen readers announce the group purpose.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Wired every form label to its control with matching `for`/`id` pairs, added `aria-invalid` and `aria-describedby` to validation demos, added correct `autocomplete` tokens to auth and payment forms, and gave the password show/hide toggle in `InputGroup` a working `aria-pressed` state.
|
Fixed form accessibility with matching `for`/`id` labels, `aria-invalid`, `aria-describedby` and `autocomplete` tokens.
|
||||||
|
|||||||
@@ -3,4 +3,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed the "Skip to main content" link so it becomes visible on keyboard focus, added missing `<main>` landmarks to layouts that had none, gave the sidebar and docs navigation `<nav aria-label>` landmarks instead of unlabeled `<div>`s, and fixed heading hierarchy and duplicate page `<title>`s across several preview pages.
|
Fixed the skip link to appear on focus and added missing `<main>` and labelled `<nav>` landmarks.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added a `label` prop to `Flag`, `Payment`, `StatusDot`, `Trending` and the `Avatar` status badge so color-only indicators get a real accessible name, added `role="img"` and `aria-label` to `Chart`, `Map` and `MapVector` containers, and made the `label` prop on `Chart` required.
|
Added a `label` prop to `Flag`, `Payment`, `StatusDot`, `Trending` and `Avatar` status badges for screen readers.
|
||||||
|
|||||||
@@ -4,4 +4,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed accessibility issues for skip links, keyboard focus, `prefers-reduced-motion`, form labels, and action controls that incorrectly used links instead of `button` elements.
|
Fixed accessibility issues in skip links, keyboard focus, `prefers-reduced-motion`, form labels and action controls.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": minor
|
"@tabler/core": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Added `.text-gray-*` utility classes (`.text-gray-50` through `.text-gray-950`) alongside the existing `.bg-gray-*` and `.text-gray-*-fg` utilities.
|
Added `.text-gray-50` through `.text-gray-950` utility classes alongside the existing `.bg-gray-*` utilities.
|
||||||
|
|||||||
@@ -3,4 +3,4 @@
|
|||||||
"@tabler/docs": minor
|
"@tabler/docs": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated the `preview` and `docs` packages to build with Astro instead of Eleventy, keeping the generated pages identical and moving shared components to `shared/astro/`.
|
Updated the `preview` and `docs` packages to build with Astro instead of Eleventy.
|
||||||
|
|||||||
@@ -1,9 +1,7 @@
|
|||||||
---
|
---
|
||||||
'@tabler/core': patch
|
"@tabler/core": patch
|
||||||
'@tabler/preview': patch
|
"@tabler/preview": patch
|
||||||
'@tabler/docs': patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Renamed `.badges-list` to `.badge-list` and `.tags-list` to `.tag-list` so every element list follows the same singular naming as `.btn-list` and `.avatar-list`. The old class names still work as deprecated aliases. Documentation examples and preview pages that show several buttons, badges, avatars, or tags in one
|
Updated `.badges-list` to `.badge-list` and `.tags-list` to `.tag-list`, keeping the old names as deprecated aliases.
|
||||||
row now use the matching list container, including the job listing page, which was using a `badges`
|
|
||||||
class that had no styles at all.
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Refactored Bootstrap exports to use single source of truth in `bootstrap.js` and removed duplicate exports from `tabler.js` for better maintainability.
|
Updated Bootstrap exports to a single source of truth in `bootstrap.js` and removed the duplicates from `tabler.js`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": minor
|
"@tabler/core": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Vendored Bootstrap 5.3.8 into core: migrated SCSS and JS to Tabler source tree, refactored mixins to module syntax, converted Bootstrap components to TypeScript.
|
Added Bootstrap 5.3.8 to the core source tree, with SCSS as modules and components converted to TypeScript.
|
||||||
|
|||||||
@@ -3,4 +3,3 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
Added `.card-gradient` component with gradient variants, direction modifiers, and animated backgrounds.
|
Added `.card-gradient` component with gradient variants, direction modifiers, and animated backgrounds.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": minor
|
"@tabler/core": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Added `--card-header-bg` and `--card-footer-bg` CSS variables (with `$card-header-bg` and `$card-footer-bg` Sass defaults) so `.card-header` and `.card-footer` backgrounds can be overridden independently, and made `.card-header` transparent by default instead of using `--card-cap-bg`.
|
Added `--card-header-bg` and `--card-footer-bg` variables so both backgrounds can be overridden independently.
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/preview": minor
|
"@tabler/preview": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Added Change Password modal with current password, new password with strength indicator, confirm password validation, and show/hide password toggles.
|
Added Change Password modal with a strength indicator, confirm validation and show/hide toggles.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Replaced hardcoded `rem` and `px` spacing, sizing, and offset values with SCSS variables across icon, avatar, badge, button, card, alert, empty state, ribbon, status, dropdown, form, nav, pagination, progress, steps, and tag components for easier theme customization.
|
Updated hardcoded `rem` and `px` values to SCSS variables across core components for easier theming.
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/preview": minor
|
"@tabler/preview": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Added Confirm Delete modal with warning icon, confirmation checkbox, and JavaScript validation to enable delete button only when confirmed.
|
Added Confirm Delete modal with a warning icon and a checkbox that enables the delete button.
|
||||||
|
|
||||||
|
|||||||
@@ -3,4 +3,3 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
Added new Crypto Dashboard page with cryptocurrency portfolio overview, market data, and order history.
|
Added new Crypto Dashboard page with cryptocurrency portfolio overview, market data, and order history.
|
||||||
|
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added crypto markets and orders data files (`crypto-markets.json`, `crypto-orders.json`) for cryptocurrency dashboard functionality.
|
Added `crypto-markets.json` and `crypto-orders.json` data files for the crypto dashboard.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated documentation to explain font sizing and system color CSS variables (`--tblr-primary-rgb`, `--tblr-secondary`, `--tblr-tertiary`, `--tblr-link-color`, `--tblr-gray-*`).
|
Updated the documentation to explain font sizing and system color CSS variables.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated the How to Contribute guide with starter issues, GitHub Codespaces setup, a table of useful commands and pull request conventions.
|
Updated the How to Contribute guide with starter issues, Codespaces setup, commands and PR conventions.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated UI component documentation to use singular file names and frontmatter fields (`title`, `summary`, `description`), and added redirects from legacy plural routes.
|
Updated UI component docs to singular file names and frontmatter, with redirects from plural routes.
|
||||||
|
|||||||
@@ -3,4 +3,3 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
Added Edit Profile modal with avatar upload, personal information fields, social links, and date of birth.
|
Added Edit Profile modal with avatar upload, personal information fields, social links, and date of birth.
|
||||||
|
|
||||||
|
|||||||
@@ -3,4 +3,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated preview and docs Astro code to use shared `date-format`, `string-format`, `pseudo-random`, and `include-args` helpers instead of duplicated inline Liquid filter ports.
|
Updated preview and docs to use the shared `date-format`, `string-format` and `pseudo-random` helpers.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated `$border-color-translucent-dark` from `rgba(72, 110, 149, 0.14)` to `rgba(128, 150, 172, 0.2)` to improve visibility of form checkboxes and other form elements in dark mode.
|
Updated `$border-color-translucent-dark` to `rgba(128, 150, 172, 0.2)` for better dark mode visibility.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed `.card-header` background-color to respect the `--tblr-card-cap-bg` CSS variable instead of being silently overridden by a `background: transparent` shorthand.
|
Fixed `.card-header` background being overridden by a `background: transparent` shorthand.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed `.card-tabs .nav-tabs` sharing `z-index` with `.dropdown-menu`, which made dropdowns opened over card tabs render behind them.
|
Fixed `.card-tabs .nav-tabs` sharing `z-index` with `.dropdown-menu`, which hid dropdowns behind card tabs.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed barely visible checkbox and radio borders in dark theme by using `$input-border-color` instead of translucent border color for `.form-check-input`.
|
Fixed barely visible checkbox and radio borders in dark theme by using `$input-border-color`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed dark mode text selection contrast by adding `--tblr-selection-bg` CSS variable with `0.4` opacity override in dark mode.
|
Fixed dark mode text selection contrast with a `--tblr-selection-bg` variable.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed disabled form control background in dark theme by introducing `--tblr-bg-forms-disabled` (gray-800) so disabled inputs are visually distinct from enabled ones.
|
Fixed the disabled form control background in dark theme with a new `--tblr-bg-forms-disabled` variable.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed `.input-icon` inline-start padding for `.form-select` by updating the selector from `:not(:last-child)` to `:not(:first-child)`.
|
Fixed `.input-icon` inline-start padding for `.form-select`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed `.form-select` keeping its default box-shadow inside `.input-group` by adding it to the existing `.form-control`/`.btn` box-shadow reset.
|
Fixed `.form-select` keeping its default box-shadow inside `.input-group`.
|
||||||
|
|||||||
@@ -3,4 +3,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed `.bg-gradient` utility conflicts to restore `from`/`via`/`to` gradient rendering and updated gradient documentation examples to match available classes.
|
Fixed `.bg-gradient` conflicts that broke `from`/`via`/`to` rendering and updated the gradient docs.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed `--tblr-gray-*-fg` token generation to map directly to `--tblr-gray-*` instead of contrast-based fallbacks that could resolve to white.
|
Fixed `--tblr-gray-*-fg` tokens to map directly to `--tblr-gray-*` instead of contrast-based fallbacks.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed transform animations (`.icon-pulse`, `.icon-tada`, `.icon-rotate`) not working on webfont icons by adding `display: inline-block` and `transform-origin: center` to `.icon`.
|
Fixed `.icon-pulse`, `.icon-tada` and `.icon-rotate` not animating webfont icons.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed `sm` and `lg` size consistency for form controls, buttons, and input groups by aligning `line-height` and computed height variables to resolve [#2456](https://github.com/tabler/tabler/issues/2456).
|
Fixed the `sm` and `lg` size mismatch between form controls, buttons and input groups.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed payment icons on the all-elements page by rendering light and dark variants with `hide-theme-dark` and `hide-theme-light` so the correct icon shows when the preview theme changes.
|
Fixed payment icons on the all-elements page by rendering separate light and dark variants.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed ribbon examples background on the all-elements page by replacing hardcoded `#f8f9fa` with `var(--tblr-bg-surface-secondary)` so it adapts to dark mode.
|
Fixed the ribbon example background on the all-elements page to use `var(--tblr-bg-surface-secondary)`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed status color classes to use CSS variables instead of hardcoded values and include social colors (bitbucket, facebook, etc.) in status class generation.
|
Fixed status color classes to use CSS variables and to include the social colors.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed a stray vertical line and extra indentation on the `.steps` component, caused by the unrelated typographic `.steps` rule in `ui/_type.scss` leaking its guideline, padding and margins onto it. The typographic rule now skips any element with `.step-item` children, so the two no longer collide. It also no longer inherits the component's flex layout, and so works without `.steps-vertical` alongside it.
|
Fixed the typographic `.steps` rule leaking its guideline and spacing onto the `.steps` component.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed Tom Select dropdown and control styles to use `--tblr-*` CSS variables instead of undefined `--bs-*` references from the bootstrap5 preset.
|
Fixed Tom Select styles to use `--tblr-*` variables instead of undefined `--bs-*` references.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed white space on left side when scrollbar is present by replacing `margin-inline-start: calc(100vw - 100%)` with `scrollbar-gutter: stable` on `html` element, with `overflow-y: scroll` fallback for unsupported browsers.
|
Fixed white space next to the scrollbar by using `scrollbar-gutter: stable` on `html`.
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated flags and avatars styling for better visual consistency.
|
Added bottom corner radius to the last row of a table inside a `.card`.
|
||||||
|
|
||||||
|
|||||||
@@ -4,4 +4,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Unified local and CI quality gates: added root-level `lint-prettier`/`format-prettier` scripts covering `core`, `preview`, and `shared`, wired `check` to run lint and type-check together, and updated the lint workflow to run both. Reformatted the covered files with Prettier.
|
Added root-level `lint-prettier` and `format-prettier` scripts and wired `check` to run lint and type-check.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed mixed declarations in SCSS.
|
Fixed Sass mixed-declaration warnings in the navbar, card, nav and table styles.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Update SCSS to use logical properties
|
Updated core SCSS to logical properties such as `margin-inline-start` and `margin-inline-end`.
|
||||||
|
|||||||
@@ -3,5 +3,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added Geist font family integration.
|
Added the Geist and Geist Mono fonts as the default `$font-family-sans-serif` and `$font-family-monospace`.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Implement `border-radius` mixin across various SCSS files
|
Updated SCSS files to use the `border-radius` mixin.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated Tabler Icons to v3.45.0 and restored the `import-icons` and `import-illustrations` scripts for refreshing icon and illustration data after the Astro migration.
|
Updated Tabler Icons to v3.45.0 and restored the `import-icons` and `import-illustrations` scripts.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated root color tokens to use CSS `light-dark()` so paired light and dark values live in one `:root` declaration instead of separate dark-mode overrides.
|
Updated root color tokens to use CSS `light-dark()` so paired values live in one `:root` declaration.
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added `border-top-left-radius` and `border-top-right-radius` to first and last child elements in `.card-table` for proper corner rounding.
|
Added top corner radius to the first and last child elements in `.card-table`.
|
||||||
|
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/preview": minor
|
"@tabler/preview": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Refactored page-menu structure for dashboards and updated navigation menu organization.
|
Updated the page-menu structure for dashboards and reorganized the navigation menu.
|
||||||
|
|
||||||
|
|||||||
@@ -2,6 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Migrated all physical CSS direction properties to logical properties (`padding-inline`, `margin-inline`, `inset-inline`, `float: inline-start`/`inline-end`, `text-align: start/end`) for improved RTL support and reduced RTL stylesheet generation overhead.
|
Updated core SCSS to logical properties and a `--tblr-dir` multiplier, so RTL works with plain `tabler.css`.
|
||||||
|
|
||||||
Directional transforms, which have no logical equivalent, now use a `--tblr-dir` direction multiplier (`1` in LTR, `-1` under `[dir="rtl"]`), e.g. `translateX(calc(var(--tblr-dir) * 4px))`. These declarations are identical in `tabler.css` and `tabler.rtl.css` — the flip happens at runtime via the `dir` attribute, so RTL transforms now also work when using plain `tabler.css` with `dir="rtl"`.
|
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Migrated `rgba()` functions to modern CSS color functions (`color-mix()` and `color-transparent()`) for better browser support and cleaner code. Replaced `rgba(var(*-rgb), ...)` with `color-mix(in srgb, var(*) ..., transparent)`, static percentage `color-mix()` with `color-transparent()`, and `rgba($variable, ...)` with `color-transparent($variable, ...)`.
|
Updated `rgba()` calls to the modern `color-mix()` and `color-transparent()` functions.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": minor
|
"@tabler/core": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Migrated the core build system from Rollup to Vite. Replaced `rollup.config.mjs` with `vite.config.mjs` and updated build scripts to use `vite build` instead of `rollup`. Build outputs remain identical (UMD and ESM formats) with no breaking changes for end users.
|
Updated the core build system from Rollup to Vite, with identical UMD and ESM output.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated activity messages.
|
Updated the activity feed messages in `activity.json` and the activity preview page.
|
||||||
|
|||||||
@@ -3,4 +3,4 @@
|
|||||||
"@tabler/preview": minor
|
"@tabler/preview": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Refactored the navbar-side component and reorganized its apps, language, notifications, theme and user sections for better maintainability.
|
Updated the navbar-side component and reorganized its apps, language, notifications and user sections.
|
||||||
|
|||||||
@@ -3,4 +3,3 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
Added New Task modal with fields for task name, description, assigned user, priority, due date, and category tags.
|
Added New Task modal with fields for task name, description, assigned user, priority, due date, and category tags.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": minor
|
"@tabler/core": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Removed the `$prefix` Sass variable and its `--#{$prefix}` interpolations; the `--tblr-` custom property prefix is now applied at build time by `postcss-prefix-custom-properties`. Compiled CSS is unchanged, but the prefix can no longer be customised by overriding `$prefix` before importing the Sass sources.
|
Removed the `$prefix` Sass variable; the `--tblr-` prefix is now applied at build time by PostCSS.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed double bottom border in tables.
|
Fixed the double bottom border on the last table row inside a `.card`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated `Progress Bar` documentation with new variants and improved `docs/example.html` layout support for full-width stacked previews.
|
Updated the `Progress Bar` documentation with new variants and full-width stacked previews.
|
||||||
|
|||||||
@@ -3,4 +3,3 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
Removed redundant nullish coalescing operator from `html` option in popover and tooltip initialization.
|
Removed redundant nullish coalescing operator from `html` option in popover and tooltip initialization.
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
---
|
---
|
||||||
'@tabler/core': major
|
"@tabler/core": major
|
||||||
---
|
---
|
||||||
|
|
||||||
Remove unused SCSS `!default` variables (deprecated Bootstrap leftovers such as `$variable-prefix`, `$alert-*-scale`, accordion icon/button variables, `$popover-arrow-*`, numbered `$font-size-*` / `$line-height-*` scales and others). Configuring any of the removed variables via `@use ... with (...)` now raises a Sass error — they had no effect on the compiled CSS before. The color shade ladders (`$blue-100`…`$cyan-900`) and per-color maps (`$blues`…`$cyans`) are kept as configurable API. Compiled CSS output is unchanged.
|
Removed unused SCSS `!default` variables, which now raise a Sass error when set via `@use ... with (...)`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed the `caret()` mixin by restoring `$caret-width` to `0.36em`, which had shrunk to `0.3em` in a previous SCSS refactor.
|
Fixed the `caret()` mixin by restoring `$caret-width` to `0.36em`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": minor
|
"@tabler/core": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated core SCSS to the Sass module system with `@use`/`@forward`, including `_extends.scss` for cross-module `@extend` rules and a parameterized `utilities-api` mixin for marketing utilities.
|
Updated core SCSS to the Sass module system with `@use` and `@forward`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added SCSS unit test suite with `sass-true` and `test:scss` Vitest config for Bootstrap and Tabler mixins, utilities, and helpers.
|
Added an SCSS unit test suite with `sass-true` and a `test:scss` Vitest config.
|
||||||
|
|||||||
@@ -4,4 +4,3 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
Added Driver.js library integration and Tour demo page for interactive product tours and onboarding guides.
|
Added Driver.js library integration and Tour demo page for interactive product tours and onboarding guides.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed oversized `dist/libs` by copying only the runtime files each library declares in `libs.json`, plus the assets HugeRTE loads at runtime and every upstream license file.
|
Fixed oversized `dist/libs` by copying only the runtime files each library declares in `libs.json`.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added Stylelint for SCSS and cleaned up the issues it found: removed dead and duplicate rules, replaced named colors (`white`, `red`) with variables, simplified redundant `&` nesting selectors, and fixed a missing space in a `.form-switch` transition declaration.
|
Added Stylelint for SCSS and fixed the dead rules, named colors and redundant nesting it found.
|
||||||
|
|||||||
@@ -2,5 +2,4 @@
|
|||||||
"@tabler/preview": minor
|
"@tabler/preview": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Added new Task List page with tables showing tasks organized by status (Upcoming, In Progress, Completed) and modal dialog for adding new tasks.
|
Added a Task List page with tasks grouped by status and a modal for adding new tasks.
|
||||||
|
|
||||||
|
|||||||
@@ -3,4 +3,4 @@
|
|||||||
"@tabler/preview": minor
|
"@tabler/preview": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Added `auto` color mode to theme settings with system `prefers-color-scheme` support and an inverted primary color scheme option.
|
Added an `auto` color mode to theme settings with system `prefers-color-scheme` support.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Fixed Docs search display in dark mode.
|
Fixed the DocSearch search box and dropdown colors in dark mode.
|
||||||
|
|||||||
@@ -3,4 +3,3 @@
|
|||||||
---
|
---
|
||||||
|
|
||||||
Updated `@tabler/icons` to v3.36.1.
|
Updated `@tabler/icons` to v3.36.1.
|
||||||
|
|
||||||
|
|||||||
@@ -3,4 +3,4 @@
|
|||||||
"@tabler/docs": patch
|
"@tabler/docs": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated Tabler Illustrations to v1.16.0 with 20 new illustrations, including `teamwork`, `onboarding`, `hacker`, `detective` and seasonal artwork.
|
Updated Tabler Illustrations to v1.16.0 with 20 new illustrations.
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/core": patch
|
"@tabler/core": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Updated shadow tokens (`--tblr-shadow-*`) to use the new `xs`–`2xl` and `overlay` values.
|
Updated shadow tokens (`--tblr-shadow-*`) to use the new `xs`–`2xl` and `overlay` values.
|
||||||
|
|||||||
@@ -3,5 +3,4 @@
|
|||||||
"@tabler/preview": minor
|
"@tabler/preview": minor
|
||||||
---
|
---
|
||||||
|
|
||||||
Upgraded `apexcharts` from `3.54.1` to `5.3.6` and added CSS variables (`--chart-{id}-color-{index}`) for dynamic chart colors to fix compatibility with the new version.
|
Updated `apexcharts` from `3.54.1` to `5.3.6` and added `--chart-{id}-color-{index}` variables.
|
||||||
|
|
||||||
|
|||||||
@@ -2,4 +2,4 @@
|
|||||||
"@tabler/preview": patch
|
"@tabler/preview": patch
|
||||||
---
|
---
|
||||||
|
|
||||||
Added comprehensive All Elements page with all UI components and Bootstrap elements
|
Added an All Elements page showing every UI component and Bootstrap element.
|
||||||
|
|||||||
Reference in New Issue
Block a user