@spectrum-css/pickerbutton
Advanced tools
Comparing version
# Change Log | ||
## 6.0.0-s2-foundations.10 | ||
### Minor Changes | ||
- [#2786](https://github.com/adobe/spectrum-css/pull/2786) [`54c5625`](https://github.com/adobe/spectrum-css/commit/54c56257bcca5872567a2bf0c5737e35b8190b05) Thanks [@pfulton](https://github.com/pfulton)! - Fixes to index.css imports to ensure appropriate system mappings get loaded | ||
### Patch Changes | ||
- Updated dependencies [[`54c5625`](https://github.com/adobe/spectrum-css/commit/54c56257bcca5872567a2bf0c5737e35b8190b05)]: | ||
- @spectrum-css/popover@8.0.0-s2-foundations.10 | ||
- @spectrum-css/icon@8.0.0-s2-foundations.11 | ||
- @spectrum-css/menu@8.0.0-s2-foundations.10 | ||
- @spectrum-css/tokens@15.0.0-s2-foundations.10 | ||
## 6.0.0-s2-foundations.9 | ||
@@ -4,0 +18,0 @@ |
{ | ||
"name": "@spectrum-css/pickerbutton", | ||
"version": "6.0.0-s2-foundations.9", | ||
"version": "6.0.0-s2-foundations.10", | ||
"description": "The Spectrum CSS picker button component", | ||
@@ -5,0 +5,0 @@ "license": "Apache-2.0", |
import { Template as Icon } from "@spectrum-css/icon/stories/template.js"; | ||
import { useArgs } from "@storybook/preview-api"; | ||
import { getRandomId } from "@spectrum-css/preview/decorators"; | ||
import { html } from "lit"; | ||
@@ -14,4 +14,4 @@ import { classMap } from "lit/directives/class-map.js"; | ||
export const Template = ({ | ||
id, | ||
rootClass = "spectrum-PickerButton", | ||
id = getRandomId("pickerbutton"), | ||
size = "m", | ||
@@ -31,3 +31,3 @@ label, | ||
} = {}, context = {}) => { | ||
const [, updateArgs] = useArgs(); | ||
const { updateArgs } = context; | ||
@@ -51,3 +51,3 @@ return html` | ||
})} | ||
style=${ifDefined(styleMap(customStyles))} | ||
style=${styleMap(customStyles)} | ||
id=${ifDefined(id)} | ||
@@ -54,0 +54,0 @@ aria-haspopup="listbox" |
134864
0.52%