jattac.libs.web.zest-button 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ZestButton.d.ts +1 -1
- package/dist/index.cjs.js +16 -9
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.js +16 -9
- package/dist/index.esm.js.map +1 -1
- package/documentation/api.md +1 -1
- package/documentation/examples.md +1 -1
- package/package.json +1 -1
package/documentation/api.md
CHANGED
|
@@ -53,7 +53,7 @@ This is the main configuration object passed to the `zest` prop.
|
|
|
53
53
|
| `semanticType` | `SemanticType` | `undefined` | Defines the semantic type of the button, providing default visuals and behaviors. Extensible via module augmentation. |
|
|
54
54
|
| `dropdownOptions` | `ZestDropdownOption[]` | `undefined` | If provided (non-empty), renders the button as a split button: the main action on the left, and a chevron on the right that opens a menu of these options. See [`ZestDropdownOption`](#zestdropdownoption). |
|
|
55
55
|
| `dropdownAriaLabel` | `string` | `'More options'` | Accessible name for the chevron trigger button (it has no visible text). |
|
|
56
|
-
| `dropdownTheme` | `'light' \| 'dark' \| 'system'` | `'
|
|
56
|
+
| `dropdownTheme` | `'light' \| 'dark' \| 'system'` | `'system'` | Theme for the dropdown menu panel, independent of the button's own `theme`. Defaults to following the OS/browser `prefers-color-scheme`; set this to pin the menu to a specific theme or to match the button. |
|
|
57
57
|
| `dropdownWidth` | `number \| string` | `undefined` | Minimum width for the dropdown menu panel — a number is treated as pixels, a string is used as a raw CSS length (e.g. `'18rem'`). When unset, the menu's minimum width tracks the rendered width of the whole split button control. |
|
|
58
58
|
|
|
59
59
|
---
|
|
@@ -273,7 +273,7 @@ const ExportButton = () => {
|
|
|
273
273
|
<ZestButton
|
|
274
274
|
zest={{
|
|
275
275
|
theme: 'dark',
|
|
276
|
-
dropdownTheme: 'dark', //
|
|
276
|
+
dropdownTheme: 'dark', // pin the menu's theme, instead of following the OS/browser preference
|
|
277
277
|
dropdownWidth: '16rem', // force a specific minimum width instead of matching the button
|
|
278
278
|
dropdownOptions: [{ label: 'Export as PDF', onClick: exportAs('PDF') }],
|
|
279
279
|
}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "jattac.libs.web.zest-button",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.2",
|
|
4
4
|
"description": "A highly customizable and production-ready React button component featuring robust asynchronous handling, rich visual feedback, and built-in confirmation flows for enhanced user experience",
|
|
5
5
|
"homepage": "https://github.com/nyingimaina/jattac.libs.web.zest-button#readme",
|
|
6
6
|
"repository": {
|