pns-component-library 1.6.11 → 1.6.12
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/README.md +3 -2
- package/dist/pns-component-library.es.js +225 -219
- package/dist/pns-component-library.umd.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -701,9 +701,9 @@ Modern button with dynamic color logic and responsive behavior.
|
|
|
701
701
|
| built_in_theme | built-in color theme | `'primary' \| 'secondary' \| 'tertiary' \| 'primary-container' \| 'secondary-container' \| 'tertiary-container'` | `'primary'` |
|
|
702
702
|
| customized_theme_color | overrides built_in_theme with any CSS color (e.g., `#3d5c8f`, `rgb(...)`, `hsl(...)`, `var(--Schemes-primary)`) | `string` | `''` |
|
|
703
703
|
| customized_class | custom CSS class for outer container | `string` | `''` |
|
|
704
|
-
| width_type | width mode | `'fill-whole' \| 'fit-content'
|
|
704
|
+
| width_type | width mode | `'fill-whole' \| 'fit-content' \| 'narrow' \| 'wide'` — `narrow`/`wide` only apply when the button is icon-only (single icon slot, no text); they adjust horizontal padding to be tighter or wider respectively | `'fit-content'` |
|
|
705
705
|
| button_id | explicit id used in emitted event; falls back to `display_name` | `string` | `''` |
|
|
706
|
-
| display_name | button text (used when default slot empty) | `string` | `'
|
|
706
|
+
| display_name | button text (used when default slot empty) | `string` | `''` |
|
|
707
707
|
| prefix | image url for prefix when not using slot | `string` | `''` |
|
|
708
708
|
| suffix | image url for suffix when not using slot | `string` | `''` |
|
|
709
709
|
| prefix_slot_raw_html_content | raw html for prefix (when not using named slot) | `string` | `''` |
|
|
@@ -711,6 +711,7 @@ Modern button with dynamic color logic and responsive behavior.
|
|
|
711
711
|
| disabled | disable interaction | `boolean` | `false` |
|
|
712
712
|
| has_interaction_effect | enable hover/focus/active visual effects (mask and slight radius changes). Set to `false` to keep the button static (useful when embedding purely for coloring icons/slots) | `boolean` | `true` |
|
|
713
713
|
| size | size (Web/Tablet enum) | `'small' \| 'medium' \| 'large' \| 'xlarge'` | `'small'` |
|
|
714
|
+
| hold_focus | when `true`, programmatically applies and holds the focus style (equivalent to calling `focus()` and keeping it until set back to `false` or `blur()` is called). Reactive — toggling it calls `focus()`/`blur()` internally | `boolean` | `false` |
|
|
714
715
|
|
|
715
716
|
##### Events
|
|
716
717
|
|